CSS-Trickz! also ready to join Digital Ocean

You probably want CSS-Tricks

Quick Hit #90

Written by: Daniel Schwarz

Adam Argyle reminds us that Firefox is testing @custom-media, and shares some handy resources.

Continue reading "Quick Hit #90" at CSS-Tricks

There is No Need to Trap Focus on a Dialog Element

Written by: Zell Liew

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

Quick Hit #89

Written by: Daniel Schwarz

7 days left to cast your vote for the best GSAP-animated site of the year!

Continue reading "Quick Hit #89" at CSS-Tricks

Responsive Hexagon Grid Using Modern CSS

Written by: Temani Afif

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

Open Props @custom-media Recipes

Written by: Geoff Graham

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

Quick Hit #88

Written by: Geoff Graham

The new CSS grid lanes (aka masonry) layout spec continues to evolve… item-tolerance becomes flow-tolerance (Issue #10884).

Continue reading "Quick Hit #88" at CSS-Tricks

I Learned The First Rule of ARIA the Hard Way

Written by: Hashim Quraishi

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

Quick Hit #87

Written by: Daniel Schwarz

Manuel Matuzović shares his position-try-fallbacks CSS reset for ensuring that anchored elements always flip/never overflow.

Continue reading "Quick Hit #87" at CSS-Tricks

Quick Hit #86

Written by: Daniel Schwarz

Chrome 144 trials the <geolocation> HTML element, which is currently on the standards track.

Continue reading "Quick Hit #86" at CSS-Tricks

HTTP Archive 2025 Web Almanac

Written by: Geoff Graham

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

Quick Hit #85

Written by: Daniel Schwarz

Chrome 144 becomes the first to support ::search-text, a pseudo-element for selecting find-in-page text.

Continue reading "Quick Hit #85" at CSS-Tricks

“I Heart CSS” DailyDev Squad

Written by: Geoff Graham

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