Avec du temps et un peu de patience, on peut faire n'importe quoi en CSS. Oui, et pour vous le prouver, voici une réalisation intéressante : le Fail Whale de Twitter réalisé entièrement en CSS et animé. Pas de doute, c'est vraiment du bon travail et on ne manquera pas de remercier au passage Twitter qui a le bon goût de planter sévère depuis quelques jours histoire de fournir un modèle clef en main à ce dingue de développeur. Enfin on va dire que c'est ça, hein...
Pas mal, non ? Bon, personnellement, je n'aurais jamais tenté le coup, c'est une évidence. Non parce que bon, bosser pendant plusieurs heures pour pondre un truc aussi inutile que ça, faut vraiment le vouloir. Cela dit, il faut bien l'avouer, ce Fail Whale en CSS ressemble comme deux gouttes d'eau au modèle de base et le résultat est franchement excellent.
Via Twitter
Pingback: Tweets that mention Le Fail Whale de Twitter tout en CSS | Fredzone -- Topsy.com
A voir aussi: CSS Monster ^^ http://d.rek.free.fr/blog/index.php/2010/03/html5-js-et-css3_technique-et-design/
C’est malheureusement pas nouveau mais toujours aussi bluffant.
@Arnaud: Yep, vraiment très très bien réussi je trouve mais je n’imagine même pas le nombre d’heures de boulot…
Je l’avais aussi partagé ^^
C’est sur cette animation est splendide, le CSS3 ça roxe grave quand même.
Dommage que ce ne soit pas compatible FULL avec FF (j’ai la dernière release de Minefield pourtant).
@dhoko: Sérieux, FF est pas 100% compatible avec les CSS 3 ? oO
Bah t’as craqué ou quoi ^^
Non il y a plein de transitions qu’il ne gère pas plein d’effet de rotation… Bref la majorité des trucs vraiment techniques a implémenter (bas je suppose que les ombres… c’est simple) il ne sait rien faire.
Et ce n’est même pas du CSS3 mais des « hack » propre au navigateur -moz-. Va faire un dégradé avec et regarde comment ça se passe sous Chrome, tu pète un cable.
C’est pour ça que je ne fais que du « petit » css3 car les browsers sont pas tous au mêmee niveau (et PERFORMANCE de rendu)
@dhoko: Ouais, j’avoue que je suis un peu à la masse en dev en ce moment, je manque franchement de temps :s
C’est compréhensible ^^ Je suis pareil, je lis les actu CSS3 et HTML5 mais au détriment d’autres… Je peux pas être partout à la fois
Puis avec le boulot là c’est assez complexe de suivre en fait. Je découvre de ces trucs là… Pfiou
@dhoko: On ne peut pas tout savoir sur tout, c’est juste impossible, donc faut bien faire des choix au bout d’un moment.
En ayant vu ce fameux fail whale, je me suis lancé dans la réalisation du logo de twitter en CSS3, j’avais déjà vu souvent le t de twitter en css3, mais j’ai voulu faire un peu plus compliqué :P Donc j’ai fait l’oiseau… Donnez moi votre avis :)
http://www.mweasblog.com/twittercss3/