Slashdot Mirror
Homer Simpson Drawn With Web 2.0-Style ASCII Art
boogi78 writes "Remember ASCII art? This is the Web 2.0 CSS version of ASCII art featuring Homer Simpson. Here is a CSS G.W. Bush. There's also an program that automatically converts jpegs into 'CSS images,' but it's a Windows executable. I found no sources for it, but I got it to work with WINE."
Original pouet thread which this spawned:
http://pouet.net/topic.php?which=5204&page=1
pngtopnm | ppmtopgm | pgmnorm | pnmscale -width 80 | ppmtopgm | pgmtopbm | pbmtoascii
I'd go on a Vegan diet but the delivery time from Vega is too long. --brownkitty
Google cache. It doesn't animate, but the text-image is somewhat impressive.
I just read Slashdot for the articles.
Recommend those curious read O'Reilly's definition here:
http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html.
Since he coined it, he's probably pretty accurate. A lot of it generally includes user-generated content and the transition from single publisher sites (NYTimes) to community driven sites (blogs, Yelp!, etc.)
Here's a table he uses to explain the difference:
Actually, this is a bit different - and much more unique and impressive, IMHO. I can't get to the first link (slashdotted already), but the Bush portrait and this Homer are both made using overlapping bits of various font characters, sized and colored using CSS, to make the curves and lines of the picture.
View source on that Homer "image" to see what I mean - the artist basically used font characters as a palette of vectors, and clipped out just the partial shape of each character that he wanted, using CSS properties.
As a result, instead of bloating to many MB, that Homer picture is only ~16KB. Bush is only ~32KB.
Translating pixels into an HTML table is not that interesting now.. I mean, I was excited when my brother wrote an app to do that about 8 years ago, and I even wrote a little companion app that parsed ANSI escape sequences and turned ANSI art into HTML tables too, but that was back then. :)
This, on the other hand, is really original and unique. I'm pretty impressed by it.
This space intentionally left blank.
As the Homer link doesn't seem to work for me, try: http://www.romancortes.com/blog/homer-css/
How to enable garbage collection on a system without protected memory: #define malloc() ((void *) rand())
It needs Verdana from MS TrueType core fonts, so it doesn't work across multiple platforms. The link is slashdotted anyway. Here's a version that's still available: http://www.romancortes.com/blog/homer-css/
Here's how i see it: http://img225.imageshack.us/img225/9183/homeraz4.png
It looks fine on Windows with Firefox and Opera at the very least. However, it requires a specific font (Verdana) which may cause problems with some Linux systems that do not have that font installed.
Stylish sheet to fix many problems in Slashdot's D3: https://gist.github.com/801524