CSS SS ! CSS SS ! CSS SS !
Il y a 3 ou 4 ans je passais le plus clair de mon temps à crier ce slogan de mes jeunes années quand je n'arrivai pas à faire ce que je voulais de mes feuilles de style.
Les CSS pour moi c'était Mastermind et le Rubik's Cube réunis. Comment ? Si si... maintenant ça va mieux. J'arrive à faire un truc en 30 lignes que d'autres arrivent à faire en 5. Mais j'y arrive.
Pardon ? Vous n'êtes pas ici pour lire ma longue histoire avec les CSS ? Bon eh bien je vais vous parler de CSS alors. Seulement de CSS, promis.
Mais avant que je vous montre ce qu'on peut faire avec les CSS3, permettez-moi de vous dire que je suis très content qu'elles existent. Pourquoi ? Parce qu'on va pouvoir faire avec les CSS3 plein de trucs qu'on devait faire avec Photoshop. Photoshop que je n'ai vraiment jamais compris comment ça marchait. Flash non plus d'ailleurs. HTML5 va bousiller Flash et avec les CSS3, Photoshop va en prendre un coup. Et comme le Web va remplacer l'imprimerie c'est PostScript qui va suivre.
Vous voulez un un conseil ? Vendez vos titres Adobe.
Mais, foin de digressions, passons aux CSS.
Un Safari dans mon Safari
En tout cas dans mes navigateurs Webkit. Pourquoi sont-ils si en retard chez Mozilla d'ailleurs ? Faudra que je pose la question à Tristan. Bref, voici l'interface de Safari sous Mac redessinée avec les CSS3 :
Comment ça c'est nul ? Mais non voyons : c'est épatant ! Vous avez vu le code ? Pfiou... balaise.
Mieux encore :
La bouteille de coke en 3D
Qui tourne sur elle-même en plus !
C'est énervant tant de talents.
Le suivant aussi a oublié d'être con :
Des ombres dynamiques
Sur du texte. Avec 10 lignes de Javascript. Et ça marche avec Firefox cette fois :
Dans le genre, il y a aussi celle-ci : dynamic PNG shadow position & opacity
par Daniel Kurdoghlian.
Ah... ah vous en êtes béat d'admiration n'est-ce pas ? Je vois ici un designer qui demande depuis 10 ans à son Photoshop de lui sortir son code HTML et celui de ses CSS prendre une paire de ciseaux.
Va t-il se cisailler les doigts ?
Se trancher la carotide ?
Non : il ne fait que couper son catogan de rage.
Ouf !
Ouf aussi le suivant. Je comprends comment il fait mais je ne comprends pas comment il a eu cette intelligence pour le réaliser. Quoi ?
CSS3 Zoom...zoooom...zoooooom !
Les crapules ! Les salopards ! Les tricheurs ! Ils s'y sont mis à 2 ! Moi aussi si j'étais 2 je serais peut-être moins con. Et encore ce n'est pas certain.
Mais eux ils font la paire : c'est Stu Nicholls et Javier Román Cortés qui nous ont pondu ce merveilleux zoom (presque) infini.
Forcément c'est facile quand a on du talent.
Maintenant je vais vous parler de cette monstrueuse carpe de 18 kilos que j'ai pêché.
C'était en 1976, l'été de la sécherresse. J'étais en Normandie dans la propriété de mes parents laquelle abritait un bel étang...
Commentaires :
Je suis tombé dessus par hasard, et j'ai lu avec beaucoup d'intérêt tes articles sur le développement HTML5 et CSS3.
Étant développeur spécialisé en mobilité, je me tiens au courant des possibilités (futures!) d'HTML5 pour un usage sur les navigateurs web mobiles... Je reviendrai donc ici fréquemment!
J'ai aussi bien apprécié lire le code source de ton blog : y'a pas à dire, le côté ouvert du web est fantastique et va nous permettre de faire des choses incroyables en HTML5!
Bonne continuation!
J'adore qu'on me remercie, qu'on me flatte... qu'on me dise je suis beau, grand, intelligent et surtout, surtout que l'on clame que je suis un visionnaire et un codeur hors-paire.
Dans ma grande bonté la lecture de mon blog (chaque lecture coûte 124€) vous sera dorénavant offerte gracieusement.
Franchement je me bidonne. Et comme on dit un bon rire valant un bon bifteck je viens de faire une sacrée économie. Merci.
;-)
@ Pierre-Luc dont je n'avais pas lu le chaleureux commentaire :
c'est intéressant ce projet... il faudra venir ici en parler. Et si tu le souhaites tu pourras même en faire un article si tu veux.
Mais le CSS3 Zooooooom n'est pas vraiment un bon exemple, il est dépendant de certains navigateurs ^^.
Pour le reste, ça fonctionne sous Firefox, je n'ai pas poussé le vice jusqu'à tester sous IE 6, un de mes favoris ;) .
Apple, HTML5 & CSS3.
Si on utilise autre chose que Safari ça renverra une erreur ! Apple c'est emparé d'HTML 5 et maintenant ça lui appartient ? C'est vraiment lamentable.
C'est la connerie d'Apple d'avoir appeler sa page de démos HTML5 : « HTML5 Showcase - HTML5 and web standards » alors qu'il ne s'agit pratiquement que de CSS3. Là, oui, je blâme Apple qui n'est pas franchement très honnête dans son propos servant à promouvoir Safari.
Par contre, ce n'est ni Apple, ni Safari qu'il faut blâmer si Opera, Chrome, Firefox ne peuvent lire ces démos voyons ! C'est quand même pas la faute d'Apple si ces 3 navigateurs sont retard. Même Micromou avec IE9 s'en sort mieux que les autres.
Et de toutes façons, la spec des propriétés CSS3 n'est même pas sortie. Tout cela est expérimental : certaines des démos d'Apple utilisent des fonctionnalités qui sortent des labos d'Apple pour être proposées au W3C.
Au lieu de râler comme l'ont fait cette semaine des milliers d'internautes et de vomir Apple il faudrait essayer de comprendre.
Ben, si, parce que le site d'Apple fait une détection du user-agent pour bloquer les autres navigateurs.
Alors que techniquement Chrome peut lire les démos, il est refoulé à l'entrée sur simple délit de sale gueule.
Apple essaie ainsi de faire croire que seul Safari supporte le HTML5, alors que c'est archi faux. Pitoyable.
non aucun autre navigateur ne peut lire correctement les démos !!! Parce qu'un connard de Mozilla défend sa boutique en disant n'importe quoi il faut gueuler avec lui pour défendre quoi ? Firefox ? Il est complètement dépassé Firefox. C'est devenu une grosse daube incapable de gérer son espace mémoire, une merde qui est aujourd'hui le plus lent de tous les navigateurs modernes.
Mozilla ne supporte pas d'être dépassé par Chrome, par Opera, par Safari c'est tout ! Et ils sont même plus malhonnêtes qu'Apple: ce connard de Mozilla écrit qu'Apple prétend être le Web : "Comme c’est beau ! Ils sont le web, j’adore ça ! J’aurais pu l’écrire. J’aurais dû l’écrire.".
Sauf qu'Apple n'écrit pas cela du tout. Ils parlent des standards en disant exactement : "Standards aren’t add-ons to the web. They are the web. And you can start using them today."
Qui est lamentable là ?