Un designer CSS qui louchait sur ma feuille de styles ce matin, m'a fait cette remarque : Pour bien faire et t'assurer de la comptabilité actuelle et future de ta feuille de styles, tu devrais, pour chacune des propriétés, faire une déclaration spécifique pour chaque navigateur.
Allons bon ! Dans l'absolu il n'a pas tort. Déjà qu'HTML5 est bien verbeux (ça me fait penser qu'après le ménage de printemps que j'ai fait à mon code, ce serait intéressant que je publie un billet là-dessus pour qu'on en discute), s'il faut multiplier les déclarations on va se retrouver avec des CSS ballonnées.
Vend Pheuteusheup d'occasion ? Avec le couple CSS3 et HTML5, Adobe doit être dans ses petits souliers. PostScript, PDF, Photoshop, Flash... tout va disparaître. Pendant bientôt 30 ans ils ont tant rançonné la planète — à l'instar de Microsoft — qu'ils doivent avoir un karma bien chargé. D'ailleurs, quand j'y pense, Peter Gabor a bien choisi son fond sonore pour son histoire d'Adobe. Sacré Peter qui leur doit la mort de son entreprise et qui se réincarne en laudateur. Passons — ce sont des trucs de vieux cons qui ont fait la guerre... — et reprenons :
Après Flash qui va devenir bien inutile, c'est Photoshop pour le design Web de la titraille qui sera abandonné. Enfin un vrai Web ! Avec du texte pour du texte ! Finis les boutons en Gif ! Adieu les menus en JPG ! Basta les titres en PNG ! L'image ne servira plus qu'à ce qu'elle doit faire : de l'i-llus-tra-tion.
J'en ai la preuve :
CSS3 c'est aussi l'animation comme en témoigne cette page 404 (qui ne fonctionne qu'avec Webkit) d'un service Web qui prend le code au sérieux sans se prendre au sérieux :
No Such Code
The code you requested does not exist in the planet yet.
You may have followed a bad external link... or you just tried to guess the URL - did you? Or you may have been fooled by your friend, once again.
For now, you can either blame the one who directed you here, or screen capture this page and tweet about how bad your friend is.
Un ami m'a demandé de jeter un coup d'œil au code qu'il envisageait pour faire une boîboîte en CSS pur avec des onglets pour ses articles.
Je suis pas vraiment costaud en code — HTML ça va, CSS bonjour les dégats — mais le lien vers la source qu'il m'avait donné m'a plu : le gars a fait un très beau boulot qu'on va regarder de près.
Cette boîte à onglets en CSS3 n'utilise aucun Javascript ni aucune image grâce à certaines propriétés des CSS3 que nous allons voir dans ce billet.