CSS-Trickz! also ready to join Digital Ocean

You probably want CSS-Tricks

What’s !important #3: Popover Context Menus, @scope, New Web Platform Features, and More

Written by: Daniel Schwarz

The developer community hasn’t wasted any time kicking off 2026 with some really great articles, demos, and insights. Firefox 147 and Chrome 144 also shipped, and while they’re not jam-packed with features, the releases are still pretty exciting for what’s normally a slow time of year, so without further ado, here’s what’s important from the last couple of weeks (or should I say the first couple of weeks, of 2026?)…

Continue reading "What’s !important #3: Popover Context Menus, @scope, New Web Platform Features, and More" at CSS-Tricks

Playing With CodePen slideVars

Written by: Geoff Graham

Super cool new CodePen feature alert! You’ve probably seen a bunch of “interactive” demos that let you changed values on the fly from a UI panel embedded directly in the demo.

Continue reading "Playing With CodePen slideVars" at CSS-Tricks

Quick Hit #84

Written by: Daniel Schwarz

Firefox 147 ships view transition types and anchor positioning, which are now supported in all browsers.

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

Quick Hit #83

Written by: Daniel Schwarz

Death to scroll fade.

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

Postcard From Web Directions Dev Summit, 2025

Written by: Lee Meyer

Lee Meyer recently spoke at Web Directions Summit 2025. This is his experience, not only speaking at the event, but experiencing the event through the lens of anxiety and imposter syndrome.

Continue reading "Postcard From Web Directions Dev Summit, 2025" at CSS-Tricks

Quick Hit #82

Written by: Daniel Schwarz

ReliCSS helps replace CSS hacks with @supports and modern CSS.

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

Future CSS: :drag (and Maybe ::dragged-image?)

Written by: Sunkanmi Fafowora

Have you ever struggled to style an element while it’s being dragged? Sunkanmi explains some ways it could become easier in the future.

Continue reading "Future CSS: :drag (and Maybe ::dragged-image?)" at CSS-Tricks

Quick Hit #81

Written by: Daniel Schwarz

Chris Coyier swiftly demonstrates how !important works with CSS variables.

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

Quick Hit #80

Written by: Daniel Schwarz

A fully-interactive Mario World demo built using HTML and CSS only (requires Chrome, for now).

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

Quick Hit #79

Written by: Daniel Schwarz

HTML Document Outline is dead.

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

What’s !important #2: Conditional View Transitions, CSS/SVG Text Effects, the Best of CSS Bluesky, and More

Written by: Daniel Schwarz

2026 is almost upon us. I know we’re all itching to see the clock strike midnight (cue The Final Countdown by Europe), but not without recapping the best CSS-related things that happened over the last two weeks!

Continue reading "What’s !important #2: Conditional View Transitions, CSS/SVG Text Effects, the Best of CSS Bluesky, and More" at CSS-Tricks

Quick Hit #78

Written by: Daniel Schwarz

Happy new year, from the CSS-Tricks team!

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