What’s !important #10: HTML-in-Canvas, Hex Maps, E-ink Optimization, and More
Developers have been experimenting with HTML-in-Canvas, a hexagonal world map-analytics feature, a web-based OS for e-ink devices,…
Let’s Use the Nonexistent ::nth-letter Selector Now
“I think I’m done with reality.” — The Seventh Circle by Architects We’ve all, at some point,…
Choosing the best WooCommerce hosting in 2026: A practical guide
The right host is invisible. Your checkout loads fast, your site stays up during the campaign spike,…
Recreating Apple’s Vision Pro Animation in CSS
Apple’s product animations, particularly the scrolly teardowns (technical term), have always been inspiring. But these bleeding-edge animations…
Enhancing Astro With a Markdown Component
There are two ways to enhance Markdown in an Astro project: Through MDX Through a Markdown Component…
Markdown + Astro = ❤️
Markdown is a great invention that lets us write less markup. It also handles typographical matters like…
How to migrate from Webflow to WooCommerce
Your business has outgrown Webflow. Whether it’s the integration limitations, the lack of data control, or the…
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…
Sniffing Out the CSS Olfactive API
A lot has happened in CSS in the last few years, but there’s nothing we needed less…
SEO Here to Stay, Say Marketing Leaders
Marketing leaders expect SEO and AI search to grow side by side, at least in the short…
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…
4 Reasons That Make Tailwind Great for Building Layouts
When I talk about layouts, I’m referring to how you place items on a page. The CSS…
Abusing Customizable Selects
Web browsers ship new features all the time, but what fun is it if we can’t build…
The Different Ways to Select in CSS
Temani Afif recently did this exercise and I thought I’d build off of it. Some of these…
Popover API or Dialog API: Which to Choose?
Choosing between Popover API and Dialog API is difficult because they seem to do the same job,…
AI Bots Don’t Need Markdown Pages
Markdown is a lightweight, text-only language easily readable by both humans and machines. One of the newest…
What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More
Despite what’s been a sleepy couple of weeks for new Web Platform Features, we have an issue…
Yet Another Way to Center an (Absolute) Element
sibling-index() and sibling-count() functions. There are lots of recent examples like this. Still, there is one little…
An Exploit … in CSS?!
Ok, take a deep breath. We’ll have some fun understanding this vulnerability once you make sure your…
Loading Smarter: SVG vs. Raster Loaders in Modern Web Design
I got this interesting question in an SVG workshop: “What is the performance difference between an SVG…
Potentially Coming to a Browser :near() You
Just before we wrapped up 2025, I saw this proposal for :near(), a pseudo-class that would match…
Distinguishing “Components” and “Utilities” in Tailwind
Here’s a really quick tip. You can think of Tailwind utilities as components — because you can…
Distinguishing “Components” and “Utilities” in Tailwind
Here’s a really quick tip. You can think of Tailwind utilities as components — because you can…
Spiral Scrollytelling in CSS With sibling-index()
Confession time: I’ve read about the performance benefits of scroll-timeline(), but when I see an impressive JavaScript…