TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Simpsons in CSS

151 pointsby lsv1almost 11 years ago
I&#x27;ve been out of the webdev game for perhaps a decade. The most recent things I&#x27;ve done are @Media queries.<p>Finding this inspires me to learn about what else I could create in css - also it has really funky behavior in IE8~ and if you zoom in:)<p>Note - this isn&#x27;t mine, it was found on r&#x2F;programming.

15 comments

paulrougetalmost 11 years ago
I can do better: <a href="http://paulrouget.com/e/simpsons/" rel="nofollow">http:&#x2F;&#x2F;paulrouget.com&#x2F;e&#x2F;simpsons&#x2F;</a> :)
评论 #7937753 未加载
JosephRedfernalmost 11 years ago
He runs through how he did it here: <a href="http://www.chrispattle.com/blog/simpsons-in-css/" rel="nofollow">http:&#x2F;&#x2F;www.chrispattle.com&#x2F;blog&#x2F;simpsons-in-css&#x2F;</a>
alex_doomalmost 11 years ago
Nice demo, but SVG exists for a reason.
评论 #7937316 未加载
评论 #7937585 未加载
remonalmost 11 years ago
That is taking the &quot;wrong tool for the job&quot; thing to such spectacular heights that I can&#x27;t help but admire it.
FranOntanayaalmost 11 years ago
CSS has gone too far. We are playing God here.
apierrealmost 11 years ago
This is the new ascii art
评论 #7937326 未加载
JohnTHalleralmost 11 years ago
IE7&#x2F;8: <a href="http://imgur.com/dG45PK5" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;dG45PK5</a> (posted by Uberhipster)<p>IE6: <a href="http://i.imgur.com/7qYY9Ie" rel="nofollow">http:&#x2F;&#x2F;i.imgur.com&#x2F;7qYY9Ie</a> (posted by me)<p>From: r&#x2F;programming: <a href="http://www.reddit.com/r/programming/comments/28ya9x/simpsons_in_css/" rel="nofollow">http:&#x2F;&#x2F;www.reddit.com&#x2F;r&#x2F;programming&#x2F;comments&#x2F;28ya9x&#x2F;simpsons...</a>
评论 #7940990 未加载
restlessmediaalmost 11 years ago
It is a re-post but who cares. I&#x27;m very impressed with the results, it&#x27;s very easy to spot when something&#x27;s not quite right with a character draw (eyes too big&#x2F;small, mouth slightly too wide etc) but I can imagine getting this close to the &#x27;real&#x27; thing wasn&#x27;t easy.
toxicanalmost 11 years ago
Is it just me or does everyone between Flanders and Apu look a little messed up? In Firefox
评论 #7937281 未加载
评论 #7937269 未加载
dansoalmost 11 years ago
This has been posted before (8 months ago): <a href="https://news.ycombinator.com/item?id=6710863" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=6710863</a><p>But according to the git-commit log, in the last two weeks, he&#x27;s added the blinking (the code for which is pretty cool)...and since the last submission, he&#x27;s added Apu, Comic Book Guy, and Ralph Wiggum...so that definitely deserves a resubmit.<p>Given that the blinking was the first difference I noticed...I would love to see Blinky, the 3-eyed fish<p>on a side note...I remember cloning the repo as soon as I saw it on HN, just because I thought for sure it would attract a takedown notice. Hope I didn&#x27;t just jinx it...
评论 #7937362 未加载
评论 #7937231 未加载
mgkimsalalmost 11 years ago
use ctrl+ a few times to make everything larger - the eyelids start to close. Not sure how intentional that was, but it&#x27;s sort of cool - gives the characters a completely different feel.
评论 #7937272 未加载
pyrrhotechalmost 11 years ago
this is truly amazing. How long did it take?
jjmivalmost 11 years ago
cooooooool!
fifthesteightalmost 11 years ago
*human bart == white bart.<p>(edit: caucasian)
ponytechalmost 11 years ago
Isn&#x27;t it a repost ? I&#x27;ve seen it here before