Simpsons in CSS

#1

Post by lsv1 » Tue, Jun 24, 2014, 11:16 AM UTC

I've been out of the webdev game for perhaps a decade. The most recent things I've done are @Media queries.

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:)

Note - this isn't mine, it was found on r/programming.

Simpsons in CSS
pattle.github.io

Re: Simpsons in CSS

#2

Post by jjmiv » Tue, Jun 24, 2014, 11:50 AM UTC

cooooooool!

Re: Simpsons in CSS

#3

Post by JosephRedfern » Tue, Jun 24, 2014, 11:53 AM UTC

He runs through how he did it here: http://www.chrispattle.com/blog/simpsons-in-css/

Re: Simpsons in CSS

#4

Post by ponytech » Tue, Jun 24, 2014, 11:53 AM UTC

Isn't it a repost ? I've seen it here before

Re: Simpsons in CSS

#5

Post by fifthesteight » Tue, Jun 24, 2014, 11:59 AM UTC

*human bart == white bart.

(edit: caucasian)

Re: Simpsons in CSS

#6

Post by danso » Tue, Jun 24, 2014, 12:00 PM UTC

This has been posted before (8 months ago): https://news.ycombinator.com/item?id=6710863

But according to the git-commit log, in the last two weeks, he's added the blinking (the code for which is pretty cool)...and since the last submission, he's added Apu, Comic Book Guy, and Ralph Wiggum...so that definitely deserves a resubmit.

Given that the blinking was the first difference I noticed...I would love to see Blinky, the 3-eyed fish

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't just jinx it...

Re: Simpsons in CSS

#7

Post by FranOntanaya » Tue, Jun 24, 2014, 12:02 PM UTC

CSS has gone too far. We are playing God here.

Re: Simpsons in CSS

#8

Post by mgkimsal » Tue, Jun 24, 2014, 12:04 PM UTC

use ctrl+ a few times to make everything larger - the eyelids start to close. Not sure how intentional that was, but it's sort of cool - gives the characters a completely different feel.

Re: Simpsons in CSS

#9

Post by restlessmedia » Tue, Jun 24, 2014, 12:04 PM UTC

It is a re-post but who cares. I'm very impressed with the results, it's very easy to spot when something's not quite right with a character draw (eyes too big/small, mouth slightly too wide etc) but I can imagine getting this close to the 'real' thing wasn't easy.

Re: Simpsons in CSS

#10

Post by thegeomaster » Tue, Jun 24, 2014, 12:05 PM UTC

danso wrote: post #6

This has been posted before (8 months ago): https://news.ycombinator.com/item?id=6710863 But according to the git-commit log, in the last two weeks, he's added the blinking (the code for which is pretty cool)...and since the last submission, he's added Apu, Comic Book Guy, and Ralph Wiggum...so that definitely deserves a resubmit. Given that the blinking was the first difference I noticed...I would love to see Blinky…

Do they really send takedown notices to projects like this one?