Mai
05

Homer Simpson en CSS

Posté dans Techno -- 4 Commentaires

Regardez l’image ci-dessous :

o
o
o
o
(
O
O
O
\
L
(
O
O
O
O
O
\
L
(
O
|
|
\
\
|
|
\
\
\
\
(
(
8
o
o
o
(
(
8
o
o
o
o
)
)
b
o
O
o
o
o
o
o
o
)
b
o
O
o
o
o
o
o
o
o
o
o
/
/
/
•
•
•
•
•
_
_
_
•
•
•
C
C
O
(
–

Selon vous, cette image n’a peut-être rien de particulier, et pourtant, ce n’est pas une image!!!Vous pouvez désactiver le chargement des images dans votre navigateur, et vous le verrez toujours…:p
L’explication est dans le titre, il s’agit en fait d’un Homer Simspon créé en CSS, juste avec des div HTML remplis par de bonnes valeurs! (je vous invite à regarder le code source de la page pour en savoir plus 😉 )
Çà ne vous étonne peut-être pas plus que cela, mais pour moi qui galère régulièrement avec les feuilles de style, je trouve cette « image » vraiment impressionnante, surtout qu’elle fonctionne avec IE5.5, 6 et 7, FF2, Opera9 et Safari3!!, bravo à son auteur!

Comments

4 Commentaires à “Homer Simpson en CSS”

  1. vince le 5 mai 2008 à 9:14

    et moi je galère à faire un cadre…

  2. David le 5 mai 2008 à 11:36

    Ca marche aussi avec FF3 et epihany (les deux avec quelques petits \ »pixels\ » bizarres quand même. 🙂

  3. thithi le 5 mai 2008 à 17:53

    Bon au final ya que du padding, ça remplace pas un bon vieux test acid2 ou acid3 si le but est de tester le css du navigateur…

    Ca c\’était pour mon côté négatif et méchant :p

    Pour le côté honnête et vrai, je trouve effectivement que c\’est super bien fait, le gars a du galérer pour faire ça !!!

  4. Libba le 22 octobre 2008 à 11:36

    Good words.

Laisser un commentaire