Pure CSS – Lace • Hacker News Board

Re: Pure CSS – Lace

#31

Post by haydenkshaw » Mon, Nov 04, 2019, 12:55 PM UTC

The author's absolutely earnt the right to call themselves a CSS expert on their personal site, I had no idea CSS could do something like this!

Re: Pure CSS – Lace

#32

Post by osrec » Mon, Nov 04, 2019, 12:56 PM UTC

tonetheman wrote: post #24

leadingthenet wrote: post #4

Doesn't seem to render correctly on Safari.

Safari is the new IE

You do not deserve to be downvoted. As a developer, I wholeheartedly agree with you (anyone remember Safari's super buggy indexed DB implementation?!)

Re: Pure CSS – Lace

#33

Post by robin_reala » Mon, Nov 04, 2019, 1:00 PM UTC

osrec wrote: post #32

tonetheman wrote: post #24

Earlier quoted context omitted.

Safari is the new IE

You do not deserve to be downvoted. As a developer, I wholeheartedly agree with you (anyone remember Safari's super buggy indexed DB implementation?!)

The downvotes are happening because this would have been as possible to achieve in Safari as in Chrome had the author chosen to develop purely in that, and Chrome would have been one of the engines that look broken. At this level you’re relying on engine quirks rather than spec compatibility.

Re: Pure CSS – Lace

#34

Post by _ZeD_ » Mon, Nov 04, 2019, 1:01 PM UTC

tonetheman wrote: post #24

leadingthenet wrote: post #4

Doesn't seem to render correctly on Safari.

Safari is the new IE

Safari is the new netscape. Chrome is the new ie

Re: Pure CSS – Lace

#35

Post by robin_reala » Mon, Nov 04, 2019, 1:02 PM UTC

danso wrote: post #25

Having been inured to loading 100KB-200KB of boilerplate CSS for a web project, I'm just amazed that the raw CSS for this is 43KB, un-minified: https://github.com/cyanharlow/purecss-lace/blob/master/style...

Developers don’t care about performance, and haven’t for multiple years now. Multi-megabyte JS packages for normal websites are visible across most of the web, and no-one tests on the actual problem devices which are low- to mid-range android phones on slow connections.

Re: Pure CSS – Lace

#36

Post by osrec » Mon, Nov 04, 2019, 1:05 PM UTC

robin_reala wrote: post #33

osrec wrote: post #32

Earlier quoted context omitted.

You do not deserve to be downvoted. As a developer, I wholeheartedly agree with you (anyone remember Safari's super buggy indexed DB implementation?!)

The downvotes are happening because this would have been as possible to achieve in Safari as in Chrome had the author chosen to develop purely in that, and Chrome would have been one of the engines that look broken. At this level you’re relying on engine quirks rather than spec compatibility.

Let's just say, Safari has more "quirks" than it should.

Re: Pure CSS – Lace

#37

Post by 0wins » Mon, Nov 04, 2019, 1:29 PM UTC

arondeparon wrote: post #16

Wow, this is amazing. I would love to watch something like this being live-coded. Heck, I assume people would probably even pay for watching it.

These two channels don't do nearly the quality that the original post has, but these two old youtube channels have CSS drawings and are pretty fun to watch

Sasha Tran https://www.youtube.com/watch?v=wPJrnED45RM&list=PLTHpnjV0t8...

Jeffrey Taylor https://www.youtube.com/watch?v=kSBT669yLyU&list=PLaGfdei15A...

Re: Pure CSS – Lace

#38

Post by rebolek » Mon, Nov 04, 2019, 1:32 PM UTC

Image without JS? Oh the blasphemy! /s

Re: Pure CSS – Lace

#39

Post by Touche » Mon, Nov 04, 2019, 1:35 PM UTC

This is great! On my tablet the perf isn't great though (no fault to the author). I'm wondering what CSS properties cause perf to degrade on a use like this? Looking at the CSS myself I'm guessing it's the box-shadow usage. But I could be wrong. Any chance some of this could be put on the GPU?

Re: Pure CSS – Lace

#40

Post by ekianjo » Mon, Nov 04, 2019, 1:47 PM UTC

> I have not concerned myself with cross-browser-compatibility, so the live preview will most likely look laughable in anything other than chrome.

Indeed it looks much worse on Firefox than on Chrome.