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."

Comments

Original Thread

[Anonymous Coward]

Original pouet thread which this spawned:
http://pouet.net/topic.php?which=5204&page=1

Seen this long ago for Mac OS X

[aarku]

Sameish idea: DeImg from The Daily Grind Network.

Re:Seen this long ago for Mac OS X

[jasonjacks0n]

Sameish idea: DeImg from The Daily Grind Network.

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.

Re:Web 2.0?

[brucifer]

So now using CSS and JavaScript is a criterion for "Web 2.0"? When will it end? When "Web 3.0" hits

Seen it longer ago

[mrmeval]

pngtopnm | ppmtopgm | pgmnorm | pnmscale -width 80 | ppmtopgm | pgmtopbm | pbmtoascii

Re:heh, slashdotted already...

[Nullav]

Google cache. It doesn't animate, but the text-image is somewhat impressive.

Re:Web 2.0?

[BBrown]

Agree. Using CSS is NOT a Web 2.0 application. I would expect better from /.ers.

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:
 

Web 1.0 -> Web 2.0
DoubleClick -> Google AdSense
Ofoto -> Flickr
Akamai -> BitTorrent
mp3.com -> Napster
Britannica Online -> Wikipedia
personal websites -> blogging
evite -> upcoming.org and EVDB
domain name speculation -> search engine optimization
page views -> cost per click
screen scraping -> web services
publishing -> participation
content management systems -> wikis
directories (taxonomy) -> tagging ("folksonomy")
stickiness -> syndication

Re:Looks like Prodigy art

[Anonymous Coward]

Or like RIP.

Working Link

[TwilightSentry]

As the Homer link doesn't seem to work for me, try: http://www.romancortes.com/blog/homer-css/

Nothing to see here, move along

[hee gozer]

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

Re:Coming Soon: Cmdr Taco's Son's Fingerpaintings

[Tacvek]

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.