by @cferdinandi@mastodon.social
Let's try a fresh take on animating focus rings around a page. Flying focus, as it were. Only instead of measuring where elements are ourselves, we'll let View Transitions figure it out.
It’s going to be a long time until CSS masonry is ready for us to use in our projects so I’ve got a nice stop-gap here for you that uses composable layouts.
A button is arguably the most likely component to find itself in your codebase so I’m going to show you how I approach building one.
For the many folks who ask how I write CSS since removing Sass, this is how I and the Set Studio team do it in 2024.
par @kozlika@nrkn.fr
How we look at the stacking order of our projects, how we choose z-index values, and more importantly, the implications of those choices.
Building a modern custom select with base-select.
A CSS reset for modern web development to provide a consistent and high-quality base for projects. Low-specificity and very opinionated to provide a strong foundation allowing seamless use in projects of varying scales and complexity.
Combining finest craftsmanship with elegant design to ship innovative digital experiences.
– The personal website of Sara Soueidan, inclusive Web UI engineer
UA+ (User agent plus), a different type of reset style sheet
Can we use the <details> element as the foundation for a tabbed interface? Why yes, we can!
An interactive demo to understand how to control the alignment using the position-area property
Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.
A fairly opinionated CSS starter by Chris, following a set of personal principals to guide what is in there and what isn't.
UA+ (User agent plus), a different type of reset style sheet