I’m excited to share a new project from Adobe Spectrum Web Eng that tracks support for #CSS features within and across the shadow DOM.
The goal is to provide visibility into feature parity and outstanding issues. We hope you find it useful - open to contributions!
shadow-dom-css.adobe.com
I wanted a way to explore Unicode by visual similarity, not just by name or codepoint, so I built Charcutrie.
It lets you browse characters that look alike, search across scripts and symbols, and even sketch a shape to find matching glyphs. (pretty badly for now :D)
charcuterie.elastiq.ch#U+221E
this is a great CSS read.
blog.gitbutler.com/the-great-cs...
not to mention syntax improvements; nested CSS, CSS vars and mixing colors, et al.
Rather than the same old boring internet pranks, I thought I'd build something more fun this April Fools.
CSS or BS. Can you tell your CSS properties names from BS?
www.keithcirkel.co.uk/css-or-bs
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...
I've been doing some experimentation with a dynamic floating label that changes to reflect the current visible section using intersection observer. Here's a minimal demo: codepen.io/editor/hexag...
A tablet displaying the landing page for 'The Layout Maestro,' a practical CSS course by Ahmad Shadeed. The desk setup includes a cup of coffee, colorful pencils, and LEGO pieces, creating a bright and creative atmosphere.
After a year of building, The Layout Maestro is officially live! 🎹🥳
An interactive CSS course that teaches you how to think in CSS layouts. 70+ lessons, 7 layouts, 150+ interactive demos!
Ready to level up your layout skills? Enroll now👇:
thelayoutmaestro.com
New post released! 🎉
I’m breaking down everything I’ve learned about the push-pull algorithm in Signals.
It's an important publication for me, this article required more research and creativity than my previous posts. Enjoy!
→ willybrauner.com/journal/sign...
#signals #frontend #article
Try the latest <color-input> concept:
⚓️ anchor() progressive enhancement
🤖 workers for color compute
🙈 new animations & interactions
🎨 gamut boundaries, mapping, stretching
☯️ contrast scores
& much more
nerdy.dev/rfc-latest-c...
To celebrate something-or-other, I created a retro CRT using only vanilla CSS!
📺 codepen.io/ivorjetski/p...
No images. No JavaScript. No SASS.
Fully turn-off-and-on-able!
Also a documentary about the making of it: www.youtube.com/watch?v=wdNH...
@CodePen #css #cssart #cssonly #frontend
codepen.io/beta
Amazing! Congrats, @zachleat.com! 🎉 Now I'm just thinking about all the awesome future *possum*bilities
✨ I just published a new blog post about a nifty lil’ animation technique: sprites!
Sprites are used all the time in video games, but they’re less common on the web. We do have the tools to manage it in CSS, but there’s a gotcha.
In this post, I share some of the cool use cases I’ve found:
I wrote for @zeroheight.com about the types of things automated accessibility checks can't detect when auditing and evaluating your design systems for accessibility. #a11y zeroheight.com/blog/design-...
Element-Scoped View Transitions are gonna be **SO GOOD**
There’s still some details to settle, but the main thing is there: run VTs on a subtree of the DOM, allowing parallel VTs.
And with `view-transition-scope` you can limit the scope of `view-transition-name` values, allowing VTs to be nested.
Launching a little project today! I spent the last few weeks piecing together an archive of every concert I’ve been to. I grew up in the “show up at a door and hand a guy $5” era, so this was an interesting endeavor. More shows to add soon, too!
🤘 concerts.lynnandtonic.com
I wrote about how to cajole a LLM into referencing the APG in a way that doesn’t make things worsaaaaaaaaaaaaaaaaaaa ericwbailey.website/published/he...
here‘s a website that tells a story about an ill-starred and foolhardy road trip :)
henry.codes/writing/the-...
Hello to my Design System friends who use Storybook:
What's the best way to display CSS variable design tokens in Storybook?
I've found this plugin, but don't know if it's really needed? How do you do it? Or why do you not bother?
storybook.js.org/addons/story...
My new CSS course is now live on @frontendmasters.com! Learn the essentials, including responsive layouts, typography, animations, and more.
Save $10 on your first month: frontendmasters.com/courses/css-... (affiliate link, so it helps support me too 😊)
~7 years ago I started curating a list of Design Tokens resources on GitHub… today I launch something better.
An updated, tagged collection of 292+ articles on design tokens.
www.alwaystwisted.com/projects/dtm...
more links/resources coming soon.
🙏🖤
#DesignTokens #DesignSystems #WebDev
Hey friends! Our design and eng teams at Function Health are actively hiring, including a Design Engineer with solid native app experience. We'd get to work together, which I think could be a blast.
Check out our open roles: www.functionhealth.com/careers
border-shape can handle both insets and outsets, so you can do effects like this chevron nav (corner-shape can't do both).
This means you get a perfectly-wrapping focus ring without needing to manage z-index or having it partially covered due to overlap.
Demo: codepen.io/una/pen/ByzY...
Wild how far you can push "customizable select" with just #CSS
nerdy.dev/nice-select
I'm officially a curmudgeon. Here's a rant about the Shadcn component library and how over-complicated its radio buttons are: paulmakeswebsites.com/writing/shad...
(Inspired by this week's work frustrations lol)
#WebDev #CSS #HTML #JavaScript
My book, Accessibility For Everyone, is now free and online as a website.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
Friends working on design systems: What tools and practices have been successful for you when building and managing a shared component library for both web and native versions of an app?
Understanding the fundamentals of CSS layout
When devs say that CSS is hard, they're usually talking about CSS layout. What often gets omitted is that developers are assumed to understand and effectively use CSS without being taught how it works in the first place.
polypane.app/blog/underst...
