Google’s Prompt API
Mat Marquis on Google pulling the web standards equivalent of U2 album marketing: As a Chrome user, you’ll have received Gemini Nano in the form of…
Read MoreGoogle’s Prompt API
Making Zigzag CSS Layouts With a Grid + Transform Trick
Most grid layouts sit in neat rows, perfectly aligned, like soldiers in formation. But sometimes you want something with more rhythm — a layout where…
Fixed-Height Cards: More Fragile Than They Look
Fixed-height cards often feel like a safe choice. A designer hands you a mockup where every card aligns perfectly in a grid. The titles are…
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, replacing img srcs using content, and more. This…
The Importance of Native Randomness in CSS
Recently, I published a story about the new random functions that have landed in CSS and how they work. In this article, we’ll explore the…
contrast()
The CSS contrast() filter function increases or decreases the contrast of an element, either making colors pop out more or dulling them to gray. Unlike other filter…
contrast-color()
The CSS contrast-color() function takes a <color> value (as well as a variable) and returns either black or white, whichever is the most contrasting color for that value. In…
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, had the thought that CSS sucks. Indeed, the…
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 have always used JavaScript and other technologies. Plus,…
Enhancing Astro With a Markdown Component
There are two ways to enhance Markdown in an Astro project: Through MDX Through a Markdown Component This article focuses on the Markdown Component. Why…
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…
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…