---
title: "When will 'Grid Lanes' truly arrive, and how can we use it today?"
publication: "Frontend Focus"
issue: 726
published_at: "2026-01-28"
canonical_url: "https://frontendfoc.us/issues/726"
---

Plus a tool to carry out some archaeology on your potentially outdated CSS. |       

Together with [![WorkOS\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_514,h_98/e_make_transparent/co_white,e_outline:9/tdfxwgk852ui9leli4wm.png)](https://workos.com/docs/pipes?utm_source=cpff&utm_medium=newsletter&utm_campaign=q12026)        

🚀 **Frontend** Focus 

#​726 — January 28, 2026 | [Read on the web](https://frontendfoc.us/issues/726)      

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1769597356/g49cpep9s3noid8vpg5q.png)](https://webkit.org/blog/17758/when-will-css-grid-lanes-arrive-how-long-until-we-can-use-it/)  

[When Will CSS Grid Lanes Arrive? How Long Until We Can Use It?](https://webkit.org/blog/17758/when-will-css-grid-lanes-arrive-how-long-until-we-can-use-it/) — As we [shared earlier this month](https://webkit.org/blog/17660/introducing-css-grid-lanes/), CSS Grid Lanes is arriving soon across browsers (with Safari [already shipping support](https://webkit.org/blog/17746/new-safari-developer-tools-provide-insight-into-css-grid-lanes/) in Technology Preview). Here’s a look at the current implementation status and three approaches for progressively enhancing your layouts to use Grid Lanes _today_ while still supporting older browsers. 

Jen Simmons (WebKit)   [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/c9fdfcd6.png)](https://workos.com/docs/pipes?utm_source=cpff&utm_medium=newsletter&utm_campaign=q12026) 

[Add GitHub, Slack & Google Integrations Without Rebuilding OAuth](https://workos.com/docs/pipes?utm_source=cpff&utm_medium=newsletter&utm_campaign=q12026) — WorkOS Pipes handles OAuth flows, token refresh, and credential storage across multiple providers. Users connect via a widget, and your app makes one API call to get a valid token. It’s a faster way to ship third-party integrations. 

WorkOS sponsor   

[Understanding the Fundamentals of CSS Layout](https://polypane.app/blog/understanding-the-fundamentals-of-css-layout/) — A solid guide to demystifying some foundational CSS concepts (flow, box model, positioning, etc), all in an effort to help aid our overall understanding of the language. There’s [a video version too](https://www.youtube.com/watch?v=Al4yGtRYyew) if you’d prefer. 

Kilian Valkhof   

[Try Text Scaling Support in Chrome Canary](https://www.joshtumath.uk/posts/2026-01-27-try-text-scaling-support-in-chrome-canary/) — The new `text-scale` meta tag is now available for testing behind a flag in Canary. It’s designed to respect a user’s text size preferences on the web, and essentially handle scaling in a way that simply zooming often fails at. Josh sums it up: “_the `<meta name="text-scale">` tells the browser, ‘Hey, I’ve designed my website to still work if the user increases their OS text size’_”. 

Josh Tumath     

⚡️ IN BRIEF 

- 🔎 Google has [announced a restructuring its Programmable Search Engine (PSE) offerings](https://programmablesearchengine.googleblog.com/2026/01/updates-to-our-web-search-products.html), providing more specialized tools for site exploration, enterprise AI search, and full web indexing.
- 🖼️ Support for the JPEG-XL image format has been on [something of a journey](https://en.wikipedia.org/wiki/JPEG_XL), but its fortunes are seemingly [turning around](https://tildeweb.nl/~michiel/jxl.html), slowly.
- 🤝 Mozilla is [attempting to build](https://www.cnbc.com/2026/01/27/mozilla-building-an-ai-rebel-alliance-to-take-on-openai-anthropic-.html) what it calls an AI 'rebel alliance'. [Not everyone is a fan](https://dbushell.com/2026/01/28/mozilla-slopaganda/) of the plans...
- 🌐 You may think of Netscape as a relic of the 90s, but it had [a surprisingly protracted demise](https://hackaday.com/2026/01/27/zombie-netscape-wont-die/) — the brand was kicking around in until late 2025!      

📙 Articles, Opinions & Tutorials   

[CSS in 2026: New Features Reshaping Frontend Development](https://blog.logrocket.com/css-in-2026/) — A laundry list of some of the latest features either now available or on the way, along with how we can go about implementing them in our codebase. 

Jemima Abu   

[How to Favicon in 2026: Three Files That Fit Most Needs](https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs) — Asks us to “_stop the icon generator madness_” and take a smarter approach, adopting a minimal set of icons that fits most modern needs. 

Andrey Sitnik   

🦋 ['I Added a Bluesky Comment Section to My Blog'](https://micahcantor.com/blog/bluesky-comment-section.html) — Details the process of fetching and displaying replies from the social network into a statically generated blog via the Bluesky API. 

Micah Cantor   

[Clerk MCP Server for AI Coding Assistants](https://go.clerk.com/RW508pC) — Connect Claude, Cursor, or Copilot to Clerk's docs. Get working auth code instead of outdated patterns. 

Clerk sponsor   

[More Invoker Commands and More Reasons Not to Use JavaScript Please](https://pawelgrzybek.com/more-invoker-commands-and-more-reasons-not-to-use-javascript-please/) — A look at the [baseline-supported](https://www.infoq.com/news/2026/01/html-invoker-commands/) Invoker Commands API, which enables declarative HTML controls for dialogs and popovers _without_ the need for JavaScript event listeners. 

Paweł Grzybek   

[Beyond the Mouse: Animating with Mobile Accelerometers](https://frontendmasters.com/blog/beyond-the-mouse-animating-with-mobile-accelerometers/) — Open this one on your phone to best enjoy the various code examples and demos. 

Amit Sheen   

[There's No Need to Trap Focus on a Dialog Element](https://css-tricks.com/there-is-no-need-to-trap-focus-on-a-dialog-element/) — A quick FYI on tabbing out of a `<dialog>`, and ‘deprecated’ advice on focus-trapping. 

Zell Liew   

[Unstacking CSS Stacking Contexts](https://www.smashingmagazine.com/2026/01/unstacking-css-stacking-contexts/) — A solid look at how elements are stacked on a page, what controls the stacking order, and practical approaches to “unstack” elements when needed. 

Gabriel Shoyombo   

[How to Debug the `@starting-style` At-Rule in Chrome DevTools](https://css-weekly.com/how-to-debug-starting-style-at-rule-in-chrome-devtools) 
Zoran Jambor   

[How Web Performance Impacts User Experience](https://www.debugbear.com/blog/web-performance-user-experience) 
Matt Zeunert   

[Predictions for the Future of Accessibility](https://mantisandco.com/resources/guides/future-of-accessibility/ericwbailey) 
Eric Bailey    

🧰 Tools, Code & Resources  

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1769594557/pz9p22f5uzkkbt9wmiuu.png)](https://colorpalette.pro/)  

🎨 [Color Palette Pro: Color Palette Tool with a 'Synth-Like' UI](https://colorpalette.pro/) — Its skeuomorphic design mirrors that of a would-be hardware device. Supports numerous color spaces, six palette types, and results are shareable. Use the live color picker to grab any color for a palette starting point. Fun to play with! 

Color Palette Pro   

[Introducing ReliCSS: A Tool for Frontend Archaeology](https://www.alwaystwisted.com/articles/introducing-relicss-a-tool-for-front-end-archaeology) — Stuart recently launched [ReliCSS](https://www.alwaystwisted.com/relicss/), an online tool that carries out some 'CSS archaeology', and finds those browser hacks you no longer need. 

Stuart Robson   

[Time-Series Data at Scale Without Leaving Postgres](https://www.tigerdata.com/timescaledb?utm_source=cooperpress&utm_medium=referral&utm_campaign=frontend-focus-newsletter) — TimescaleDB: hypertables, 95% compression, 200+ SQL functions. Query billions of rows in milliseconds. [Start for free](https://www.tigerdata.com/timescaledb?utm_source=cooperpress&utm_medium=referral&utm_campaign=frontend-focus-newsletter). 

Tiger Data sponsor   

📄 [LibPDF: PDF Parsing and Generation from TypeScript](https://documenso.com/blog/introducing-libpdf-the-pdf-library-typescript-deserves) — [LibPDF](https://libpdf.documenso.com/) bills itself as _‘the PDF library TypeScript deserves’_ and supports parsing, modifying, signing and generating PDFs with a modern API in Node, Bun, and the browser. [GitHub repo.](https://github.com/libpdf-js/core) 

Documenso   

[SolidUI: An Unofficial Port of shadcn/ui and Tremor to SolidJS](https://www.solid-ui.com/) — Most of the usual elements are here (dashboard, cards, auth, etc.), ported from two popular component libraries to Solid. They're ready to copy and paste with no need to install as a dependency. [Repo](https://github.com/stefan-karger/solid-ui). 

stefan karger   

[Typewriter Web Component: A Web Component for a Customizable Animated Text Effect](https://codepen.io/luis-lessrain/pen/EaKjXwB) — The project only lives on CodePen for now but it’s a neat effect. The demo allows you to interactively start, pause/resume, complete, and reset the animation. There’s also a scrubber and buttons to go to specific progress points. 

Luis Alberto Martinez Riancho codepen   

💡 [Typed.js](https://github.com/mattboldt/typed.js) is another option in this space which hit version 3.0 this week.  

[Nxtlify: A Web-Based Theme Builder for Nuxt UI](https://www.nuxtlify.com/) — Work with existing Nuxt UI components, customizing the different CSS variables and view the changes live on the page. Currently supports about 18 components. 

Toni Kritz      

📰 Classifieds   

🛠️ Ready to implement AI with confidence (without sacrificing security)? [Start building with Auth0 for AI Agents](https://auth0.com/signup?onboard_app=auth_for_aa&ocid=701KZ000000cXXxYAM_aPA4z0000008OZeGAM?utm_source=cooperpress&utm_campaign=amer_namer_usa_all_ciam_dev_dg_plg_auth0_native_cooperpress_native_aud_jan_2026_placements_utm2&utm_medium=cpc&utm_id=aNKWR000002m8zp4AA), now generally available. 

--- 

⚡️Add lightning-fast barcode & QR scanning to your web app with [STRICH](https://strich.io/?ref=frontend-focus), a lean JS library. Simple, predictable pricing. [Free trial and demo!](https://strich.io/?ref=frontend-focus)      

🍌 ...and finally  

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1769609482/kqjeg4eyvimc0zdwciax.png)](https://monkeyball-online.pages.dev)  

Developer Twilight has done an impressive job of [porting the SEGA classic 'Super Monkey Ball' to the web](https://bsky.app/profile/twilightpb.bsky.social/post/3mdbynphtbc2l) — and it is _smooth_. [Play it here](https://monkeyball-online.pages.dev) (even on mobile), or take a look at the [source code](https://github.com/sndrec/WebMonkeyBall).   

💡 Fancy something a bit _edgier?_ How about [a Three.js port of Quake!](https://mrdoob.github.io/three-quake/)   

📬 

**Got a new email address?** You can [change your email here](https://frontendfoc.us/edit_subscription/*|UID|*). 

--- 

**Bored of us?** Click [here to stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*). 

--- 

**Got a link for us?** Reply and tell us. We can't include everything but we'll take a look. 

--- 

Published by Cooper Press Ltd.
Curated by [Chris Brandrick](https://bsky.app/profile/brandrick.bsky.social) & [Peter Cooper](https://twitter.com/cooperx86).
Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom 

[Stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*)  

[Ipx.](https://frontendfoc.us/open/726/*|UID|*?ipx=t)
