Always happy to see more tools for web-native generative art.
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.
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
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
If I understand this, it’s all vector space. So it avoids one of the most irritating issues with working with canvas. I love not having to think about scale or resolution or aliasing.
https://yuanchuan.dev/an-introduction-to-css-doodle
An Introduction to CSS-Doodle - https://news.ycombinator.com/item?id=40688055 - June 2024 (29 comments)
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.
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.
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
Couldn't imagine ever wanting skip grid and flexbox for whatever has been concocted up for JS.
That said, there are already aria labels for UI contexts such as modal windows. Desktop OSes are already multi-modal.
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