Login
blog > psykopat > Homer en CSS

Homer en CSS

Posté par : Seb - Le Lundi 5 Mai 2008 à 10:55

Juste une petite découverte croisée au hasard du net, ce que vous voyez n'est pas une image !

Non je ne fais pas dans le magritte, c'est au départ un petit jeu auquel s'amusaient les développeurs web, devenu une simple formalité grâce à un petit utilitaire pour windows (et uniquement windows désolé). Toute la présentation est faite en css, je vous laisse survoler et sélectionner l'image, ou même mieux encore parcourir le code pour vous faire une idée de la chose.

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
(
-


Si vous voulez le tester, le logiciel s'appelle jpeg2css et il est disponible sur le site de son auteur.







Commentaires 5 commentaires

RoUtMoUt le 05 Mai 2008 à 11:00

Moi aussi je l'ai vu sur journaldugeek.com :D
BJ ^^

Tonio le 05 Mai 2008 à 17:57

C'est fort quand même... et tout ça rien qu'avec des lettres.
Bien mieux que les super dessins faits sous notepad...^^

farwarx le 05 Mai 2008 à 20:38

Vu aussi sur journaldugeek.com et ça ne s'affiche pas bien chez moi. (Ubuntu 8.04 + Firefox 3 beta 5)

MfPierrot le 08 Mai 2008 à 2:19

ce n'est qu'en voyant le code source que j'ai un peu plus compris le délire ^^ vraiment sympa mais il s'agit en fait de colorier de gros caracteres? comment ça marche dans le fond?
désolé je ne suis pas trop dev mais la j'aimerais comprendre^^

Seb le 08 Mai 2008 à 13:43

En fait le CSS à la base sert pour la mise en page / mise en forme des éléments d'une page.

En gros ici l'auteur a eu l'idée d'utiliser le css comme un outil pour faire du dessin vectoriel, en utilisant des formes de base, comme des ronds et des carrés, de tailles et couleurs différentes, pour remplir tout son bazard.

Le logiciel qu'il a conçu fait ça automatiquement maintenant, vraiment balèze.



.laisser un commentaire




Codes html interdits. Les liens sont convertis automatiquement.

Réalisation

Code & Design : Sébastien Cardona

Page générée en : 0.042838s