The CSS Zen Garden dream, finally shipped
josprague.com
The CSS Zen Garden dream, finally shipped
1–10 of 117 posts
Re: The CSS Zen Garden dream, finally shipped
#2Author here. Like a lot of people on HN, Dave Shea's CSS Zen Garden is how I learned CSS in the first place. Building stylesheets for that one HTML file taught me to think about CSS as a system, and it stuck. Nearly two decades later I got to build the design system for the new Firefox.com together with a team from Lincoln Loop, on a contract engagement with Mozilla using pure, modern CSS with no preprocessors (almost). In the end, we did run a few things through preprocessors for performance reasons, but the site's CSS is fully authored in pure CSS syntax.
Happy to answer questions about the layered CSS, the legacy browser fallback, how the tokens got exported from design files, or anything else you're curious about.
Re: The CSS Zen Garden dream, finally shipped
#3The site is still live https://www.csszengarden.com, design selection here https://www.csszengarden.com/pages/alldesigns/ :).
Re: The CSS Zen Garden dream, finally shipped
#4The site is still live https://www.csszengarden.com , design selection here https://www.csszengarden.com/pages/alldesigns/ :).
Yes! Thank you. I linked to the site from my post as well. This is a great resource for anyone currently learning CSS.
Re: The CSS Zen Garden dream, finally shipped
#5> There’s one honest footnote.
I'm so tired of AI writing
Re: The CSS Zen Garden dream, finally shipped
#6> There’s one honest footnote. I'm so tired of AI writing
It's a pity. Spending so much time to ship the CSS dream (clean, well-thought-out) and then using AI-talk to share it with the world.
Re: The CSS Zen Garden dream, finally shipped
#7> There’s one honest footnote. I'm so tired of AI writing
Came here to say the same. I closed the window on the spot. I don't even care if I miss out on something.
Re: The CSS Zen Garden dream, finally shipped
#8good good but are there really websites with 2 or more variously different designs for the same content, like Zen Garden did?
Re: The CSS Zen Garden dream, finally shipped
#9Do they have the design system open source somewhere?
Re: The CSS Zen Garden dream, finally shipped
#10The site is still live https://www.csszengarden.com , design selection here https://www.csszengarden.com/pages/alldesigns/ :).
This was the site shown to me to prove the separation of style and content. After that it was CSS-Tricks that I found myself frequently reading for answers to the things I was stuck on getting the layout to work.