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

In Pieces – A CSS-based exhibition celebrating evolutionary distinction

species-in-pieces.com

Post reply on HN
Print view View original

21–26 of 26 posts

Re: In Pieces – A CSS-based exhibition celebrating evolutionary distinction

#21

Post by komali2 »

johnhenry wrote: post #19
komali2 wrote: post #10

Lol how do people get this good at css. Whenever I get a css ticket at work I inevitably find myself in the chrome inspector twiddling levers and switches until it looks juuuuust right... And then doing it all over again in a day after QA kicks it back with a "misaligned on Firefox" comment

In the past, the hardest thing about learning CSS had little to do with the language itself, but in dealing with inconsistencies for specific browsers (like "Firefox", as mentioned). Recent efforts by browser manufacturers to render CSS in accordance with standards, along with the advent of pre/post-processing tools, have made it easier for developers to focus on the language.

Fair, I've only been doing this a year, my older colleagues laugh strangely whenever I complain about browser inconsistencies. I'm of the understanding I live in a quite different world :P

Re: In Pieces – A CSS-based exhibition celebrating evolutionary distinction

#24

Post by markdown »

komali2 wrote: post #21
johnhenry wrote: post #19

Earlier quoted context omitted.

In the past, the hardest thing about learning CSS had little to do with the language itself, but in dealing with inconsistencies for specific browsers (like "Firefox", as mentioned). Recent efforts by browser manufacturers to render CSS in accordance with standards, along with the advent of pre/post-processing tools, have made it easier for developers to focus on the language.

Fair, I've only been doing this a year, my older colleagues laugh strangely whenever I complain about browser inconsistencies. I'm of the understanding I live in a quite different world :P

Designing for email today (Outlook renders emails with Microsoft Word!!) is only a tiny bit more painful than what designing for the web used to be.

Re: In Pieces – A CSS-based exhibition celebrating evolutionary distinction

#25

Post by csswizardry »

charlieegan3 wrote: post #6

I know it's all in CSS but the graphics look like those generated by https://github.com/fogleman/primitive

My best friend @wengerstoybus[1] made this! Fun fact, he actually manually illustrated each animal in Illustrator, and then exported them to images that he loaded up in the browser. He then wrote some really quick ’n dirty JS so that he could click each of the points in the image, and he’d get their coordinates fed back to him once he’d completed a whole shape. He could then just plug these coords into the CSS etc voila!

1. https://twitter.com/wengerstoybus

Re: In Pieces – A CSS-based exhibition celebrating evolutionary distinction

#26

Post by navs »

Yaggo wrote: post #18
navs wrote: post #14

The fact that this looks as amazing as ever on my JS disabled browser is well...amazing! Would love to hear the story behind its development. That kinda CSS would be pretty tedious to write.

Interesting that it works without JS, given that the page weights 3.5 MB, of which ~1 MB is JS and 700 kB is CSS.

This is a fail on my part. uMatrix reported JS as disabled but apparently after a reload, the site stopped working.
Post reply on HN