CSS-Doodle(css-doodle.com)
105 points bydsego12 hours ago |4 comments
webXL2 minutes ago
Man, CSS looks absolutely nothing like it did when I started out. lol
binarygit2 hours ago
Author also has a blog post describing why he created this project and a high overview of what's happening behind the scenes

https://yuanchuan.dev/an-introduction-to-css-doodle

gandreani5 hours ago
This is very cool. I have no idea how this one work. I'm guessing most of the magic is in the box shadow?

https://codepen.io/yuanchuan/pen/OJRqGvz

wiether3 hours ago
Same

I don't understand how so few lines can produce so much different things.

And clicking on the background will just create a new random (?) background!

It seems that the aliases are doing a lot of work

gandreani3 hours ago
The aliases we're tripping me up! I almost understand it now. Not sure what the @lp is doing
smusamashah4 hours ago
As an aside but still relevant question, why is CSS preferred over JS when these days it can do lots of things like JavaScript and probably uses similar resources.
Minor49er4 hours ago
CSS and JavaScript specialize in two very different areas and are commonly used in tandem
soperj4 hours ago
You can do layouts with javascript?

Couldn't imagine ever wanting skip grid and flexbox for whatever has been concocted up for JS.

tracker11 hour ago
multi-window interfaces in the browser... simulating a desktop, or other user navigable environment such as in a game or simulation, where a user my want to customize their environment beyond a grid snap.
k33n1 hour ago
1. This isn’t CSS. It’s a declarative JS drawing framework with CSS flavor to the syntax

2. Without actual CSS JavaScript wouldn’t be of much use for drawing much of anything unless you were just going to use canvasses and forego the DOM entirely

sublinear2 hours ago
I agree. This seems like it would make more sense as a canvas library unless there's a use case I'm not understanding.
jtokoph1 hour ago
I think there is value in making it a declarative model