Friday, May 23, 2008

Homer: Best CSS ever

Román Cortés made a brilliant portrait of Homer solely in CSS



To get an idea of how this one was created, click pic and visit Ned Batchelder, who posted Homer in an animated way. Simply stunning.


"It is not an image in the normal sense, it was instead painstakingly created using CSS. CSS (cascade style sheets) is a language to define a website visual representation, but it is not intended to create images. Homer was created by placing hundreds of characters (numbers/letters/symbols) of different sizes and colors in specific positions on the page. Too easily see this, click somewhere in the middle of his face and slowly drag your mouse outward. You should see your mouse highlight some of the text!

Since this is an unusual and rather avant-garde method for displaying images, there are no tools and the process is hard, slow and complex to make it work well in different browsers.

So, why did I spent dozens of hours in such a pointless task?

…no comment."

Translated by Thomas Gilray.

btw: if this doesn't look right for you, it may be that you are on Linux and don't have the Verdana font. You can install it from the msttcorefonts package.



btw, btw: He also made George Bush (a fitting combo that is)

btw, btw, btw: I tried to post the original but somehow this blog is eating up the masterpiece.
You can see the funny result after the jump









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



No comments:

Related Posts Plugin for WordPress, Blogger...