Written by: Durgesh Rajubhai Pawar
Every view-transition-name on a page must be unique. The problem is that every pseudo-element selector in your CSS targets a specific name, so your animation styles explode into an unmanageable wall of selectors.
Continue reading "Cross-Document View Transitions: Scaling Across Hundreds of Elements" at CSS-Tricks
Written by: Daniel Schwarz
Chrome 150 will ship text-fit, which determines how text scales to fit on a line.
Continue reading "Quick Hit #139" at CSS-Tricks
Written by: Temani Afif
Despite the countless number of online resources, it’s easy to get confused when trying to center an element. There are documented solutions, but do you really understand why the code you picked works? Let’s look at the current state of centering options today in 2026.
Continue reading "The State of CSS Centering in 2026" at CSS-Tricks
Written by: Daniel Schwarz
Firefox 151 makes the Document Picture-in-Picture API, which fills an always-on-top window with HTML, available to desktop Firefox, but it […]
Continue reading "Quick Hit #138" at CSS-Tricks
Written by: Sunkanmi Fafowora
It still hits like a ton of bricks to see the steep decline in Stack Overflow questions. What does that mean about learning in our industry?
Continue reading "Stack Overflow: When We Stop Asking" at CSS-Tricks
Written by: Daniel Schwarz
Firefox 151 ships container style queries (finally), which enable us to query the custom properties of containers, making them Baseline.
Continue reading "Quick Hit #137" at CSS-Tricks
Written by: Durgesh Rajubhai Pawar
This is Part 1 of a two-part series about cross-document view transitions, going over all the gotchas, from ditching the deprecated way to opt into them to a little-known 4-second timeout.
Continue reading "Cross-Document View Transitions: The Gotchas Nobody Mentions" at CSS-Tricks
Written by: Daniel Schwarz
Chrome 150 will implement <usermedia>, a dedicated button for requesting access to the camera and/or microphone.
Continue reading "Quick Hit #136" at CSS-Tricks
Written by: Daniel Schwarz
If 3D voxel scenes (that you can style), flying focus animations, or new CSS syntaxes sound like your kinda thing, then this issue of What’s !important is definitely for you.
Continue reading "What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More" at CSS-Tricks
Written by: Preethi
A clever use of CSS to calculate and display a discounted product price by providing a base price and discount amount, featuring modern CSS features like attr(), mod(), and round().
Continue reading "Computing and Displaying Discounted Prices in CSS" at CSS-Tricks
Written by: Daniel Schwarz
Safari 26.5 updates random() in accordance with the CSS Values and Units Module Level 5 spec.
Continue reading "Quick Hit #135" at CSS-Tricks
Written by: Daniel Schwarz
Safari 26.5 ships :open for <details>, <dialog>, <select>, and <input>, making it Baseline.
Continue reading "Quick Hit #134" at CSS-Tricks