Published on 28.01.2026
TLDR: CSS Grid Lanes (masonry layouts in CSS) is landing across browsers faster than expected. Safari Technology Preview has the finalized syntax, and Chrome, Edge, and Firefox are all making significant progress. You can start using it now with progressive enhancement.
When will CSS Grid Lanes arrive? How long until we can use it?
TLDR: The HTML Invoker Commands API has achieved baseline support across all major browsers, allowing declarative button controls for popovers and dialogs without JavaScript. Safari 26.2 completed the rollout following Chrome 135 and Firefox 144.
HTML Invoker Commands Achieve Baseline Support across All Major Browsers
TLDR: A comprehensive deep-dive into CSS layout fundamentals — from normal flow to positioning to Flex and Grid — explaining the mental models that make CSS predictable rather than mysterious.
Understanding the fundamentals of CSS Layout
TLDR: Chrome Canary now supports a new <meta name="text-scale"> tag that respects the user's OS-level text size preference on mobile devices — a feature 34-37% of mobile users have changed from default.
Try text scaling support in Chrome Canary
TLDR: Modern CSS now handles complex interactions that previously required JavaScript — customizable <select> elements, scroll-triggered animations, and data-driven styling are all becoming possible with pure CSS.
CSS in 2026: The new features reshaping frontend development
TLDR: A detailed guide to using mobile device motion sensors (DeviceMotion and DeviceOrientation APIs) to create interactive animations that respond to physical device movement — bringing desktop hover effects to mobile.
Beyond the Mouse: Animating with Mobile Accelerometers
TLDR: The long-standing accessibility advice to trap focus within modals is now deprecated when using the native <dialog> element's showModal() method. Users can tab to the address bar, and that's intentional.
There is No Need to Trap Focus on a Dialog Element
TLDR: A comprehensive guide to understanding and debugging CSS stacking contexts — the "folders" that determine which elements appear on top of others, regardless of z-index values.
Unstacking CSS Stacking Contexts
TLDR: The ultimate minimal favicon set is just five files: favicon.ico (32x32), icon.svg with dark mode support, apple-touch-icon.png (180x180), and two PWA icons (192x192, 512x512). Stop the 20+ PNG madness.
How to Favicon in 2026: Three files that fit most needs
TLDR: Documenso releases LibPDF, a modern TypeScript PDF library with lenient parsing, incremental saves (preserving existing signatures), and native digital signatures — finally deleting their Rust signing library.
Introducing LibPDF: The PDF Library TypeScript Deserves
TLDR: ReliCSS scans CSS for historical browser hacks — clearfix, doubled float margin bug fixes, vendor prefixes — helping you audit legacy codebases and understand why old code exists before removing it.
Introducing ReliCSS: A Tool for Front-End Archaeology
TLDR: A practical guide to embedding Bluesky replies as a comment section on a static site — letting Bluesky handle account verification, hosting, storage, spam, and moderation while you display the conversation.
I added a Bluesky comment section to my blog
This article was generated from a newsletter summary. The content reflects the source material's perspective and may not represent complete analysis of all aspects of the topic.