11–20 of 20 posts
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.
I agree. This seems like it would make more sense as a canvas library unless there's a use case I'm not understanding.
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.
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
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
An Introduction to CSS-Doodle - https://news.ycombinator.com/item?id=40688055 - June 2024 (29 comments)
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
While I rely on Python/Cairo for heavier algorithmic brand assets, the immediacy of CSS for interactive patterns is hard to beat. The grid capabilities here look very robust for quick prototyping.
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.
I agree. This seems like it would make more sense as a canvas library unless there's a use case I'm not understanding.
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
If you inspect what's getting rendered, there's a sprite map expressed as a data URI that's doing most of the heavy lifting.
Earlier quoted context omitted.
You can do layouts with javascript? Couldn't imagine ever wanting skip grid and flexbox for whatever has been concocted up for JS.
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.
Earlier quoted context omitted.
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.
The issue then becomes how do you make it accessible to screen readers? It's not impossible, just very tedious and requires cross browser and cross-device testing
That said, there are already aria labels for UI contexts such as modal windows. Desktop OSes are already multi-modal.