You may think you're building a GUI for your code-first design system so you can more easily design in the browser but really its value is in the way it surfaces problems in your code.
"Oh when I turned that knob I expected [x] style to change and it didn't. Why?" etc.
Oh god yes
`tsnapi` - a snapshot testing utility for the public API for library maintainers. Snapshots for both JavaScript and TypeScript declarations. It would help prevent unintended breaking changes on public API signatures.
Thanks @sxzz.dev for the initial idea and implementation.
github.com/antfu/tsnapi
Fluid type and space is one of many techniques you’re going to learn in this course to make authoring CSS easier for you. The easier it is to author and maintain, the better it will scale, and most importantly, there will be less technical debt to manage too. This frees you up to focus on producing a better user experience, rather than chasing down weird CSS issues.
If you want truly responsive design that works for each and every weirdly sized viewport, you need to use fluid type and fluid space that responds to that viewport. Here's a free lesson from Complete CSS to explain why.
piccalilli.link/cc-free-less...
Thanks. The idea beneath it is to invert things. Instead of users/profiles being the driver of the app or experience, it's the artefact/book/library card that drives it. You can see why I got excited by some of the ideas in your article!
I've been working on this piece for about a month now, about how publishing's woes are the same as the rest of the internet, and how we can find some hope in the new internet that's currently under construction. Now I have a shiny new @offprint.app blog, I can finally show it off.
Screenshot of a very early version of the Libcard home screen. Vintage-style borrowing record cards are displayed in a grid.
Really interesting article. The mention of lending records got me excited because I've actually been prototyping an atproto riff on the old card-in-the-back-of-a-library-book idea the past few months! The article obviously goes in different directions and further but exciting to see some convergence
sugarcube.sh
I'm in love with @vite.dev's DevTools framework and I don't care who knows it.
No worries - appreciate the interest and always happy to answer any questions if you've got more!
Got some demos and articles in the works, too.
So rather than just transforming tokens into outputs, it's about turning them into a working frontend system.
It also eventually allows devs/designers to do things like this 😎
- On-demand utility classes derived from your tokens (generated from your markup)
- An optional CSS architecture (CUBE)
- Optional patterns/components designed to use those tokens
- Tight dev server/workflow integration
Thanks @intemperie.me 😊 Hey @pjonori.com!
Style Dictionary is focused on transforming design tokens into platform outputs.
Sugarcube overlaps on that but is also about the front-end system built on top of tokens. It's a toolkit for building token-driven frontends, e.g:
Obviously, ultimately, keep me away from the controls 😅
Instead of painting easter eggs I'm painting a website.
Thanks for your support and contributions to the project, mate! Gonna stick this in the testimonials section when I get around to building one ha
Oh and more spec-friendly approach to fluid space & type, too.
To make matters worse, the whole thing took place in Vancouver, such a great city 😭
asapap
I built a visual explainer of the CSS Cascade, the algorithm that determines the "winning value" from a list of competing declarations.
It's built on work by @bram.us and @miriam.codes.
cascade.arpit.codes
I wrote about how it came together on my blog: arpit.blog/notes/2026/0...
Safe travels!
I can respect it! I probably have an extra soft spot for Tu-plang as a stop on their 1997 tour of it was my first live gig.
Archers of Loaf, Icky Mettle
Outstanding, but I'm crying a little over the preference for Unit over Tu-Plang.
Oh hell yeah
If you're learning programming skills: Igalia is taking applications for a program paying you to work on open source
💰 Fully paid grant program
📆 450 hours of work with a mentor from June
📍Global remote program
🎓 Open to students or self-directed learners
🚨 Applications close April 3rd!
Cannot wait to build with this and learn from it. Can tell a lot of care and expertise has gone into it.
This looks great and coincides perfectly with me needing to update mine 🙏
Weekend project: a minimal CV builder. Recruiters often only look the first page, so I added compact print styles.
Ah man @sugarcube.sh users giving me too many cool things to implement! Early adopters helping enormously.
