Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

The Simpsons in CSS

pattle.github.io

Post reply on HN
Print view View original

71–80 of 105 posts

Re: The Simpsons in CSS

#71

Post by z3t4 »

anonsivalley652 wrote: post #39
z3t4 wrote: post #15

SVG would be a better fit. Hand written SVG is underrated. But maybe it would not be difficult enough to make them in SVG. Whenever you feel the CSS get a bit hacky, like backgrounds with round shapes, it can usually be solved in a few lines of SVG. SVG also has classes and CSS, yes you can have CSS in SVG for style reusability and abstraction. You can also create SVG on the fly using JavaScript.

"It is not the critic who counts; not the man who points out how the strong man stumbles, or where the doer of deeds could have done them better. The credit belongs to the man who is actually in the arena, whose face is marred by dust and sweat and blood; who strives valiantly; who errs, who comes short again and again, because there is no effort without error and shortcoming; but who does actually strive to do the d…

Some art you need to know how hard it is to make in order to appreciate it. Next time you are stuck with a CSS problem, you might think that if this guy can paint freaking Simpons in CSS why can't I get this simple curve to look like I want!? Then you solve the problem in SVG instead. And start to appreciate the art even more. You can however cheat in CSS "art" by creating lots of div's with absolute positioning, where a SVG solution would be more elegant.

Re: The Simpsons in CSS

#72

Post by bachmeier »

avian wrote: post #5
Nition wrote: post #2

I love how even something as silly and unimportant as this has 13 open issue reports on GitHub.

If you check the pull requests tab there's also a showcase of why some people resist putting stuff on GitHub. Most of the pull requests are low-effort tickets like "update bart.css" with no further explanation and a bunch of random changes in the diff.

There are two extremely simple solutions to that:

- Disable issues (pretty sure Github didn't give that option to me alone)

- Write on the readme that you're not working on this and will ignore/close any submitted issues

"Resisting" putting stuff on GitHub is not necessary.

Re: The Simpsons in CSS

#74

Post by djsumdog »

csmattryder wrote: post #22
blowski wrote: post #19

Earlier quoted context omitted.

The Simpsons meets Coraline!

In a classic case of "Simpsons did it"... https://en.wikipedia.org/wiki/Treehouse_of_Horror_XXVIII#Cor...

Season 29 ... wow. I loved the show as a kid. I'll occasionally watch one or two every few years. Most of it seems meh when I catch it.

Still this CSS is pretty amazing, with all the neat stuff you can do with it just by changing some CSS or enabling dark mode.

Re: The Simpsons in CSS

#75

Post by djsumdog »

jordigh wrote: post #69
Sharparam wrote: post #17

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

:-( Everyone forgets that white is not the default background colour. There is no default background colour!

Quora is bad about this. I change my default background to a grey and I always notice it on their site because they have a white central element surrounded by grey.

Re: The Simpsons in CSS

#76

Post by ak39 »

dusted wrote: post #68
ak39 wrote: post #44

Damn, this is dope! (Learnt that from my sons) Now just give me a design surface tool that takes my raster drawn images and converts it to these CSS and I will be on it like a rash.

Why would you do that when SVG exists? You could hand-write SVG more readable and taking up less space.

No, you're right. I wouldn't choose CSS based "vector" graphics over SVG at all. But as a playing tool, I would definitely give a CSS based drawing tool a test-drive.

Re: The Simpsons in CSS

#78

Post by anonsivalley652 »

Symbiote wrote: post #58
anonsivalley652 wrote: post #41

Animated even and the code looks hand-drawn. I Fun fact: I worked at a nuclear engineering consultancy in the 90's. That's the not the fun fact. The hostnames of the computers were all Simpsons' character names. rsh blinky ftp homer

I went to a university where the authentication servers were named after nuclear accidents. tokaimura.doc.ic.ac.uk chalk-river.doc.ic.ac.uk three-mile-island.doc.ic.ac.uk An older server was sellafield, but it had been decommissioned.

So that's where the Sun 2 box was UUCPing email from. ;) Decomm... that sounds painful.

One of their main products, CORETRAN, was a Monte Carlo reactor simulator written in millions of lines of FORTRAN by nuclear engineers over ~60 years. I helped port to Win32 and sped it up 300% by disabling swap (128 MiB of RAM in 1997 was a lot).

Re: The Simpsons in CSS

#79

Post by sireat »

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 do not render correctly on Chrome Version 80.0.3987.122 for Win10 either.

Same type of scary ovals.

Still a fantastic job!

Reminds me of another exercise in CSS: https://diana-adrianne.com/purecss-francine/

Re: The Simpsons in CSS

#80

Post by 52-6F-62 »

lutoma wrote: post #31
heydabop wrote: post #11

Earlier quoted context omitted.

Shit, Firefox Developer 74.0b8 is even failing Acid2 for me

Firefox 73.0.1 on Linux seems to render it fine

73.0.1 on mac reporting—it's almost perfect but the eyes are flawed. There's some ghosting https://i.imgur.com/r9kycp8.png
Post reply on HN