Thursday 1 May 2008 — This is over 16 years old. Be careful.
Here’s Román Cortés’ Homer, animated to show the structure. I haven’t done anything to Román’s amazing work other than to annotate the divs with ids and add a bit of jQuery to show them in sequence so that you can see the characters being added one at a time.
Click your choice of fast or slow animation, or manual control:
Román also made a George Bush.
PS: 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.
Comments
I'll spend the holidays deconstructing the css
that's completely ridiculous.
Still, I'd liked watching to see the letters used.
OutSTANDING!
Cool!
Brilliant, it's like the rebirth of ASCII art.
Sebastian
Do a copy, then paste into Word to see the characters, sizes, and colors involved. I think this is all of them (in ascii). 84 characters, from what I can tell.
oooo(OOO\L(OOOOO\L(O||
\\||\\\\((8ooo((8oooo))boOoooooo)boOooooooooo///•••••___•••CCO
Expect to see more of this sort of art soon to invade the interwebs.
What a great demonstration! I'm calling this a tutorial, I had never conceived something like this done with CSS+JS. To say "you got the gears turning in my head" would be massively understating it.
Thank you for taking the time!
@brian minz: And this will certainly make it easier.
So much for standards.
P.S. Cool animated!
PS: Who ever decided to start calling open-source 'free' with no qualification? Standard usage is that free == available without charge. And there are other, better words to describe the subject (I like the sound of 'liberated' myself
The real question is, "does it pass the validator.w3.org test?"
- The Peanut Butter Boy
"works with", "works with" ...
The real question is, "does it pass the validator.w3.org test?"
Sure it does!
This document validates as CSS level 2.1 !
Fantastic work!
it's on my list to learn now ,,
good work
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
(
- + CSS = HOMER !!
Fantastic !!!!!!!
This is fantastic ! :)
Michael from 3DundFilm.de
Comments are closed.