--- title: Best Chrome Developers posts — June 2025 | daily.dev description: The most upvoted Chrome Developers posts from June 2025, curated by the daily.dev community. canonical: https://daily.dev/sources/chrome/best-of/2025/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/chrome/best-of/2025/06 og:type: website og:site_name: daily.dev og:title: Best Chrome Developers posts — June 2025 | daily.dev og:description: The most upvoted Chrome Developers posts from June 2025, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Chrome Developers — June 2025 1. 1 [](https://daily.dev/posts/a-new-way-to-style-gaps-in-css-9lolqu2yp "A new way to style gaps in CSS") Article Chrome Developers·1y A new way to style gaps in CSS CSS gap decorations is a new feature available in Chrome and Edge 139 that allows developers to style gaps between items in flex, grid, and multi-column layouts without using border or pseudo-element workarounds. The feature extends the column-rule property to work with grid and flexbox layouts and introduces a new row-rule property. It offers benefits like no layout impact, repeat syntax for patterns, cleaner markup, and enhanced customizability through new properties like rule-break, rule-outset, and gap-rule-paint-order. The feature is currently in developer trial and requires enabling experimental web platform features. 110 4 2. 2 [](https://daily.dev/posts/chrome-for-developers-7wym6xi39 "Chrome for Developers") Article Chrome Developers·1y Chrome for Developers Chrome 138 introduces built-in AI APIs for translation, language detection, and text summarization that run locally using Gemini Nano. New CSS functions include abs(), sign(), progress(), sibling-index(), and sibling-count() for enhanced styling capabilities. The Viewport Segments API enables responsive design for foldable devices by detecting hardware features like folds and hinges. Additional improvements include attribute serialization fixes, new Clear-Site-Data header values, and the stretch keyword for CSS sizing properties. 43 [See all Chrome Developers archives](/sources/chrome/best-of) ```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","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/chrome/best-of/2025/06#page","url":"https://daily.dev/sources/chrome/best-of/2025/06","name":"Best Chrome Developers Posts — June 2025","description":"The most upvoted Chrome Developers posts from June 2025, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/chrome/best-of/2025/06#items","numberOfItems":2,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/a-new-way-to-style-gaps-in-css-9lolqu2yp","name":"A new way to style gaps in CSS"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/chrome-for-developers-7wym6xi39","name":"Chrome for Developers"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Chrome Developers","item":"https://daily.dev/sources/chrome"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/chrome/best-of"},{"@type":"ListItem","position":5,"name":"June 2025"}]}]} ```