--- title: Frontend Focus Issue 723: January 7, 2026 | daily.dev description: CSS Grid Lanes (display: grid-lanes) has been agreed upon as the approach for Masonry layouts and is now available for testing in Safari Technology Preview.... canonical: https://daily.dev/posts/frontend-focus-issue-723-january-7-2026-isev4ci6z twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Frontend Focus Issue 723: January 7, 2026 | daily.dev og:description: CSS Grid Lanes (display: grid-lanes) has been agreed upon as the approach for Masonry layouts and is now available for testing in Safari Technology Preview.... og:url: https://daily.dev/posts/frontend-focus-issue-723-january-7-2026-isev4ci6z og:image: https://api.daily.dev/og/posts/ISEv4CI6Z.png og:image:alt: Frontend Focus Issue 723: January 7, 2026 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Frontend Focus Issue 723: January 7, 2026 **[Frontend Focus](https://daily.dev/sources/ffocus)** · 3 min read · 18 upvotes · 0 comments ## Summary CSS Grid Lanes (display: grid-lanes) has been agreed upon as the approach for Masonry layouts and is now available for testing in Safari Technology Preview. The State of HTML 2025 survey results show developers favor practical, functional features over experimental ones. New CSS scroll-state() query enables directional styling based on scroll behavior. Simon Willison shares patterns for building HTML tools without frameworks using single-file HTML, JavaScript, and CSS. Color.js v0.6.0 released with continued progress toward 1.0. Safe-npm tool helps protect against supply chain attacks by only installing packages available for a specified time period. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [Frontend Focus Issue 734: March 25, 2026](https://daily.dev/posts/frontend-focus-issue-734-march-25-2026-glhm0vsnr) · Frontend Focus · 1 upvotes · 0 comments - [When will CSS Grid Lanes arrive? How long until we can use it?](https://daily.dev/posts/when-will-css-grid-lanes-arrive-how-long-until-we-can-use-it--flqzdm4ep) · WebKit · 12 upvotes · 0 comments - [Introducing CSS Grid Lanes](https://daily.dev/posts/introducing-css-grid-lanes-6uomjvxlc) · Hacker News · 27 upvotes · 1 comments - [4 CSS Features Every Front-End Developer Should Know In 2026 · January 7, 2026](https://daily.dev/posts/4-css-features-every-front-end-developer-should-know-in-2026-january-7-2026-erpiye3wt) · Adam Argyle · 60 upvotes · 0 comments - [Frontend News \#20: CSS Grid Lanes, ::search-text Pseudo-Element, HTML Geolocation Element](https://daily.dev/posts/frontend-news-20-css-grid-lanes-search-text-pseudo-element-html-geolocation-element-grvyc75ov) · CSS Weekly · 18 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#javascript](https://daily.dev/tags/javascript), [#css](https://daily.dev/tags/css), [#html](https://daily.dev/tags/html) [View this post on daily.dev](https://daily.dev/posts/frontend-focus-issue-723-january-7-2026-isev4ci6z) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Frontend Focus Issue 723: January 7, 2026","url":"https://daily.dev/posts/frontend-focus-issue-723-january-7-2026-isev4ci6z","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/frontend-focus-issue-723-january-7-2026-isev4ci6z"},"datePublished":"2026-01-07T15:00:52.648Z","dateModified":"2026-01-07T15:01:13.237Z","description":"CSS Grid Lanes (display: grid-lanes) has been agreed upon as the approach for Masonry layouts and is now available for testing in Safari Technology Preview....","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/c534118c51ae8f8c5603275be45ecd33?_a=AQAEulh","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/c534118c51ae8f8c5603275be45ecd33?_a=AQAEulh","isAccessibleForFree":true,"articleSection":"Frontend Focus","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Frontend Focus","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/ffocus","url":"https://daily.dev/sources/ffocus"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/frontend-focus-issue-723-january-7-2026-isev4ci6z","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":18},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,javascript,css,html","timeRequired":"PT3M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Frontend Focus","item":"https://daily.dev/sources/ffocus"},{"@type":"ListItem","position":3,"name":"Frontend Focus Issue 723: January 7, 2026"}]} ```