Chromium ships corner-shape, so beveled and scooped corners no longer need clip-path or SVG masks. What each value does, how it pairs with border-radius, and how to ship it behind @supports while Firefox and Safari get plain rounded corners.
Magic numbers like z-index: 99999 are guesses. How I set up z-index tokens in CSS variables, pair a modal with its backdrop using calc(), and use isolation to keep a component’s layering inside the component.
RHF and Zod handle flat CRUD forms well, but branching logic leaks across the schema, the state and the JSX. Where SurveyJS keeps those rules instead, and how to pick between the two.
Five ways to target the root element in CSS: the plain html selector, :root, :scope, the top-level nesting ampersand, and structural tricks that can only match html. Which ones belong in production, and how their specificity differs.
Bookmarklets still solve small browser problems faster than installing an extension. How to wrap one in an IIFE, why you should URL-encode it, editing the CSSOM instead of injecting a style tag, and what Content Security Policy does to all of it.
Popover API and Dialog API solve different problems: one is for light non-modal UI, the other for true modals that block the page. This post breaks down when to use each, with working code.
Interop 2026 is the browser pact making CSS Anchor Positioning, View Transitions, and scroll-driven animations a baseline reality. Here is what it means for WordPress developers still relying on JS hacks.
The Popover API gives WordPress developers a native, declarative way to build accessible tooltips and menus, without the JavaScript libraries and manual ARIA syncing tooltips used to require.
Interop 2026 sets the browser targets for the year. A look at the modern CSS features behind it: style queries with =, declarative dialogs via the Invoker Commands API, the :heading pseudo-class in Safari TP, and middle truncation without JavaScript.
Centering an absolute element does not need 50% transforms and translate math. The Inset-Modified Containing Block lets place-self: center do it in three lines of CSS.