The Simpsons in CSS • Hacker News Board

Re: The Simpsons in CSS

#21

Post by JosephRedfern » Thu, Feb 27, 2020, 9:38 AM UTC

DiabloD3 wrote: post #12

Some of these do not seem to render correctly on Firefox. Seems to rely on Chrome-specific behavior.

Same here: https://i.imgur.com/M07sFus.png. FF72 (just realised I'm a bit out of date).

Re: The Simpsons in CSS

#22

Post by csmattryder » Thu, Feb 27, 2020, 9:38 AM UTC

blowski wrote: post #19

Sharparam wrote: post #17

Viewing this page with Dark Reader enabled makes for quite a harrowing experience... https://i.imgur.com/AUTXPfW.png

The Simpsons meets Coraline!

In a classic case of "Simpsons did it"...

https://en.wikipedia.org/wiki/Treehouse_of_Horror_XXVIII#Cor...

Re: The Simpsons in CSS

#23

Post by pattle » Thu, Feb 27, 2020, 9:39 AM UTC

cmroanirgo wrote: post #13

pattle wrote: post #10

I was wondering why I suddenly had an influx of Twitter followers this morning... Thanks to whoever shared this.

Nicely done. I was following the link to "How I did it" and noticed that I got SSL cert errors for the site: https://www.chrispattle.com/blog/simpsons-in-css/ You're using the cert for octopushr.app... Unfortunately port 80 is also closed, so even the most recent wayback machine wasn't working. Here's a link from 2016 which goes into your methods, which honestly, are a bit on the sparse side (it doesn't detract at al…

Thanks for the heads up, I've just removed those links for now. Wasn't expecting anyone to come across them!

Re: The Simpsons in CSS

#24

Post by cryptozeus » Thu, Feb 27, 2020, 9:44 AM UTC

This is crazy good, didn’t know css has come this far.

Re: The Simpsons in CSS

#25

Post by melicerte » Thu, Feb 27, 2020, 9:47 AM UTC

pattle wrote: post #23

cmroanirgo wrote: post #13

Earlier quoted context omitted.

Nicely done. I was following the link to "How I did it" and noticed that I got SSL cert errors for the site: https://www.chrispattle.com/blog/simpsons-in-css/ You're using the cert for octopushr.app... Unfortunately port 80 is also closed, so even the most recent wayback machine wasn't working. Here's a link from 2016 which goes into your methods, which honestly, are a bit on the sparse side (it doesn't detract at al…

Thanks for the heads up, I've just removed those links for now. Wasn't expecting anyone to come across them!

Still, I remain interested to know how you did it :)

Re: The Simpsons in CSS

#26

Post by Angostura » Thu, Feb 27, 2020, 9:51 AM UTC

DiabloD3 wrote: post #12

Some of these do not seem to render correctly on Firefox. Seems to rely on Chrome-specific behavior.

Some of them are slightly problematic on Safari Mac, too https://imgur.com/a/5CCu9K8 shows quite a few spurious ovals showing up.

Good work though :)

Re: The Simpsons in CSS

#27

Post by rambojazz » Thu, Feb 27, 2020, 9:56 AM UTC

Seriously, how are these things made? Is there a GIF2CSS converter or anything like that?

Re: The Simpsons in CSS

#28

Post by sleepychu » Thu, Feb 27, 2020, 10:09 AM UTC

If you like css art... https://a.singlediv.com

Re: The Simpsons in CSS

#29

Post by ww520 » Thu, Feb 27, 2020, 10:09 AM UTC

Very nicely done!

Re: The Simpsons in CSS

#30

Post by misnome » Thu, Feb 27, 2020, 10:24 AM UTC

cmroanirgo wrote: post #14

DiabloD3 wrote: post #12

Some of these do not seem to render correctly on Firefox. Seems to rely on Chrome-specific behavior.

looks ok to me. FF 73

Both FF73 and Chrome, on mac, messes up for me. It's most noticeable on Comic-book-guy but many of the later ones are messed up to various degrees, mainly hair/whiskers, sometimes spurious lines/strokes outside the main image.