Quick Hit #90
Adam Argyle reminds us that Firefox is testing @custom-media, and shares some handy resources.
You probably want CSS-Tricks
Adam Argyle reminds us that Firefox is testing @custom-media, and shares some handy resources.
Accessibility advice around modals have commonly taught us to trap focus within the modal. Upon further research, it seems like we no longer need to trap focus within the <dialog> (even in modal mode).
Continue reading "There is No Need to Trap Focus on a Dialog Element" at CSS-Tricks
7 days left to cast your vote for the best GSAP-animated site of the year!
A while back, Temani tacked a repeating grid of hexagon shapes. Well, he’s updated it with modern CSS features that result in fewer magic numbers. And it’s impressive!
Continue reading "Responsive Hexagon Grid Using Modern CSS" at CSS-Tricks
The @custom-media at-rule has landed in Firefox Nightly! I couldn’t find it in the release notes but Adam Argyle’s on […]
Continue reading "Open Props @custom-media Recipes" at CSS-Tricks
The new CSS grid lanes (aka masonry) layout spec continues to evolve… item-tolerance becomes flow-tolerance (Issue #10884).
Semantic HTML does a lot more accessibility work than we usually give it credit for already — and ARIA is simple to abuse when we use it both as a shortcut and as a supplement.
Continue reading "I Learned The First Rule of ARIA the Hard Way" at CSS-Tricks
Manuel Matuzović shares his position-try-fallbacks CSS reset for ensuring that anchored elements always flip/never overflow.
Chrome 144 trials the <geolocation> HTML element, which is currently on the standards track.
I love me some good web research reports. I’m a sucker for them. HTTP Archive’s Web Almanac is one report […]
Continue reading "HTTP Archive 2025 Web Almanac" at CSS-Tricks
Chrome 144 becomes the first to support ::search-text, a pseudo-element for selecting find-in-page text.
If you’re reading this, chances are you already have some sort of way that you’re following when we publish new […]
Continue reading "“I Heart CSS” DailyDev Squad" at CSS-Tricks