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 […]
You probably want CSS-Tricks
Mat Marquis on Google pulling the web standards equivalent of U2 album marketing: As a Chrome user, you’ll have received Gemini […]
Following Safari and Firefox, Chrome 148 updates the container query syntax to allow for name-only container queries.
Most grid layouts sit in neat rows, perfectly aligned, like soldiers in formation. But sometimes you want something with more rhythm like, say, a zigzag pattern. Here’s how to do it with CSS Grid.
Continue reading "Making Zigzag CSS Layouts With a Grid + Transform Trick" at CSS-Tricks
Heerich.js is a new, tiny engine for creating 3D voxel scenes that render as SVGs and can be styled using […]
Getting a multi-column of cards to line up equally is is a headache we’ve all faced, and it gets even harder when working with fixed heights.
Continue reading "Fixed-Height Cards: More Fragile Than They Look" at CSS-Tricks
Developers have been experimenting with HTML-in-Canvas, a hexagonal world map-analytics feature, a web-based OS for e-ink devices, replacing image sources using the content property, and more. This is What’s !important #10.
We’re getting new functions for generating random numbers in CSS! But the road to get here has been a long and winding one.
Continue reading "The Importance of Native Randomness in CSS" at CSS-Tricks
Firefox 150 shipped ariaNotify(), an alternative to ARIA live regions, but it lacks Safari support and is unreliable on macOS.
Safari TP 242 trials the more advanced version of attr() from CSS Values and Units Module Level 5.
My shim might give the powers that be another reason to say native support isn’t necessary, or if lots of people use my :nth-letter hack in the wild, the browser gods might recognize the need to implement it for real.
Continue reading "Let’s Use the Nonexistent ::nth-letter Selector Now" at CSS-Tricks
Firefox 150 becomes the first to implement the newest version of color-mix() that accepts more than two <color>s, and light-dark() […]
Firefox 150 ships :muted and all other media-based pseudo-classes, but they lack support in Chrome.