Google Blogoscoped

Forum

[OT] Homer in CSS

Philipp Lenssen [PersonRank 10]

Wednesday, April 30, 2008
10 years ago2,245 views

No image files were used to create this pic – just differently CSS-positioned text characters:

romancortes.com/blog/homer-css ...

There's also a George W. Bush on the site.
You can copy the divs in the code into another HTML file to reproduce this.
Apparently, the creator of this had no specific automated converted tool to do this (though it seems one could write one.. then again, you could also use Canvas...)

[Via Friendfeed]

Bilal [PersonRank 10]

10 years ago #

No!
Great idea but may be he developed something to generate that

Philipp Lenssen [PersonRank 10]

10 years ago #

Hmm, he says... "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."
romancortes.com/blog/bush-css/ ...
Not sure which helper tools he did use tho...

Bilal [PersonRank 10]

10 years ago #

he speaks about dozens of hours, i takes me one week to make a chicken face this way...

still impressed, great idea and great work

Mambo [PersonRank 10]

10 years ago #

Introducing the more humorous, more friendly ACID test...

Mrrix32 [PersonRank 10]

10 years ago #

[put at-character here]Mambo
Doesn't look right in Firefox 3 which passes Acid2

Jérôme [PersonRank 10]

10 years ago #

[put at-character here]Mrrix32
They look perfect in (my) FF3b5

Mrrix32 [PersonRank 10]

10 years ago #

Hmm could be an extension mucking it up i suppose. Looks fine in FF2.0.0.14

Colin Colehour [PersonRank 10]

10 years ago #

Wow, thats pretty cool that all that could be done with about 50 characters and CSS.

Philipp Lenssen [PersonRank 10]

10 years ago #

It's available as animation now too showing how it's put together:

nedbatchelder.com/blog/200805/ ...

George R [PersonRank 10]

10 years ago #

George W. Bush: romancortes.com/blog/bush-css/

jpeg to css tool (windows): romancortes.com/blog/jpeg2css/

This thread is locked as it's old... but you can create a new thread in the forum. 

Forum home

Advertisement

 
Blog  |  Forum     more >> Archive | Feed | Google's blogs | About
Advertisement

 

This site unofficially covers Google™ and more with some rights reserved. Join our forum!