motyl.dev
TrendingNewsletterBlogNewsAbout
Support
Grzegorz Motyl

© 2026 Grzegorz Motyl. Raising the bar of professional software development.

GitHubTwitterEmail
Home
News
Blog
Me
    /
    motyl.dev
    TrendingNewsletterBlogNewsAbout
    Support
    1. Home
    2. News
    3. CSS Grid Lanes, Invoker Commands, and the Future of Frontend Development

    CSS Grid Lanes, Invoker Commands, and the Future of Frontend Development

    Published on 28.01.2026

    #frontendfocus
    #css
    #html
    motyl.dev<div></div></>FRONTEND

    When will CSS Grid Lanes arrive? How can we use it today?

    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?


    HTML Invoker Commands Achieve Baseline Support

    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


    Understanding the Fundamentals of CSS Layout

    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


    Try Text Scaling Support in Chrome Canary

    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


    CSS in 2026: New Features Reshaping Frontend Development

    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


    Beyond the Mouse: Animating with Mobile Accelerometers

    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


    There is No Need to Trap Focus on a Dialog Element

    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


    Unstacking CSS Stacking Contexts

    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


    How to Favicon in 2026: Three Files That Fit Most Needs

    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


    Introducing LibPDF: The PDF Library TypeScript Deserves

    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


    Introducing ReliCSS: A Tool for Front-End Archaeology

    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


    I Added a Bluesky Comment Section to My Blog

    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.

    ☕ Knowledge costs tokens,fuel meHelp me keep the content flowing
    External Links (12)

    When will CSS Grid Lanes arrive? How long until we can use it?

    webkit.org

    HTML Invoker Commands Achieve Baseline Support across All Major Browsers

    infoq.com

    Understanding the fundamentals of CSS Layout

    polypane.app

    Try text scaling support in Chrome Canary

    joshtumath.uk

    CSS in 2026: The new features reshaping frontend development

    blog.logrocket.com

    Beyond the Mouse: Animating with Mobile Accelerometers

    frontendmasters.com

    There is No Need to Trap Focus on a Dialog Element

    css-tricks.com

    Unstacking CSS Stacking Contexts

    smashingmagazine.com

    How to Favicon in 2026: Three files that fit most needs

    evilmartians.com

    Introducing LibPDF: The PDF Library TypeScript Deserves

    documenso.com

    Introducing ReliCSS: A Tool for Front-End Archaeology

    alwaystwisted.com

    I added a Bluesky comment section to my blog

    micahcantor.com

    Sign in to bookmark these links
    Previous
    Firefox 147's CSS Revolution, React Server Components CVE, Turbopack's Incremental Architecture, and Expo SDK 55
    Next
    Non-Engineers Shipping Code: How Growth Teams Use AI Tools to Move at Engineering Speed
    Grzegorz Motyl

    © 2026 Grzegorz Motyl. Raising the bar of professional software development.

    GitHubTwitterEmail