Markdown + Astro = ❤️
Markdown is a great invention that lets us write less markup. It also handles typographical matters like converting straight apostrophes (‘) to opening or closing…
Read MoreMarkdown + Astro = ❤️
What’s !important #9: clip-path Jigsaws, View Transitions Toolkit, Name-only Containers, and More
This issue of What’s !important brings you clip-path jigsaws, a view transitions toolkit, name-only containers, the usual roundup of new, notable web platform features, and…
A Well-Designed JavaScript Module System is Your First Architecture Decision
Writing large programs in JavaScript without modules would be pretty difficult. Imagine you only have the global scope to work with. This was the situation…
The Radio State Machine
Managing state in CSS is not exactly the most obvious thing in the world, and to be honest, it is not always the best choice…
7 View Transitions Recipes to Try
View transitions are really, really neat. Not only that, but they’re starting to pop up everywhere. I’m sure you’re like me and have come across…
Selecting a Date Range in CSS
A date range selector lets users pick a time frame between a start and end date, which is useful in booking trips, sorting info by…
Alternatives to the !important Keyword
Every now and then, I stumble onto an old project of mine, or worse, someone else’s, and I’m reminded just how chaotic CSS can get…
Looking at New CSS Multi-Column Layout Wrapping Features
Multi-column layouts have not been used to their full potential, mostly because once content exceeded a limit, multi-column would force a horizontal scroll. It’s unintuitive…
Making Complex CSS Shapes Using shape()
Creating rectangles, circles, and rounded rectangles is the basic of CSS. Creating more complex CSS shapes such as triangles, hexagons, stars, hearts, etc. is more…
Sniffing Out the CSS Olfactive API
A lot has happened in CSS in the last few years, but there’s nothing we needed less than the upcoming Olfactive API. Now, I know…
Front-End Fools: Top 10 April Fools’ UI Pranks of All Time
April Fools’ Day pranks on the web imply that we’re not trying to fool each other every day in web design anyway. Indeed, one of…
What’s !important #8: Light/Dark Favicons, @mixin, object-view-box, and More
Short n’ sweet but ever so neat, this issue covers light/dark favicons, @mixin, anchor-interpolated morphing, object-view-box, new web features, and more. SVG favicons that respect…
Form Automation Tips for Happier User and Clients
I deployed a contact form that last month that, in my opinion, was well executed. It had all the right semantics, seamless validation, and great…
Generative UI Notes
I’m really interested in this emerging idea that the future of web design is Generative UI Design. We see hints of this already in products,…
Experimenting With Scroll-Driven corner-shape Animations
Over the last few years, there’s been a lot of talk about and experimentation with scroll-driven animations. It’s a very shiny feature for sure, and…