Quick Hit #130
Heerich.js is a new, tiny engine for creating 3D voxel scenes that render as SVGs and can be styled using […]
You probably want 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.
Putting CSS’s more recent scrolling animation capabilities to the test to recreate a complex animation of the Apple Vision Pro headset from Apple’s website.
Continue reading "Recreating Apple’s Vision Pro Animation in CSS" at CSS-Tricks
Firefox 150 ships revert-rule, which rolls the rule back to when it didn’t have its current value. It’ll be Baseline […]
I use a Markdown Component for two main reasons: (1) It reduces the amount of markup I need to write, and (2) it converts typographic symbols. Here’s how it works.
Continue reading "Enhancing Astro With a Markdown Component" at CSS-Tricks