Articles on web development, modern web technologies, performance optimization, and software engineering practices.
Chrome has shipped animation-trigger and timeline-trigger, letting you fire fixed-duration CSS animations at a scroll threshold with no JavaScript. Here's how the model works and where it fits in production.
Chrome 151 adds a shadowrootslotassignment attribute to <template>, so server-rendered web components can use manual slotting without a line of JavaScript. Here's what closed, why it matters for SSR, and how to use it.
CSS now has a native if() function that resolves a value against a media query, a feature query, or a style query — right inside the property. Here's how the syntax works, the patterns it replaces, and how to ship it while Firefox and Safari catch up.
The 10x-faster native compiler shipped stable on July 8. But 7.0 ships without a programmatic API, so typescript-eslint, custom transformers, and Vue/Svelte/Astro tooling can't run on it yet. Here's how to adopt TypeScript 7 today without breaking the tools that still need 6.0.
The browser can now generate carousel controls for you — scroll buttons and marker dots with correct roles, keyboard support, and no hydration cost — using ::scroll-button() and ::scroll-marker(). Here's how to build one, and how to ship it safely while Safari and Firefox catch up.
Chrome 152 beta ships seven CSS pseudo-classes that match audio and video elements by their playback state — :playing, :paused, :buffering and more. Here's how to build player UI without a single JavaScript event listener.
Tell us what you're trying to build. A discovery call, a one-page summary within 48 hours, a proposal within a week.