No image files were used to create this pic – just differently CSS-positioned text characters:
http://www.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] |
No! Great idea but may be he developed something to generate that |
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." http://www.romancortes.com/blog/bush-css/#english Not sure which helper tools he did use tho... |
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 |
Introducing the more humorous, more friendly ACID test... |
Mambo Doesn't look right in Firefox 3 which passes Acid2 |
Mrrix32 They look perfect in (my) FF3b5 |
Hmm could be an extension mucking it up i suppose. Looks fine in FF2.0.0.14 |
Wow, thats pretty cool that all that could be done with about 50 characters and CSS. |
It's available as animation now too showing how it's put together:
http://nedbatchelder.com/blog/200805/css_homer_animated.html |
George W. Bush: http://www.romancortes.com/blog/bush-css/
jpeg to css tool (windows): http://www.romancortes.com/blog/jpeg2css/ |