“The Too Early Breakpoint” title with author’s photo and a breakpoint diagram showing layout changes at Default, ≥ 220px, ≥ 350px, ≥ 480px, and ≥ 620px.
The too early breakpoint. Ahmad Shadeed shows why many sites switch to mobile layout too soon, breaking designs in split-screen and tablet views. The fix: container queries and flexible CSS layouts. #css #layout
ishadeed.com/article...
Author’s photo with HTML terms div, role, span around it, HTMHell logo, and “A new meta tag for respecting text scaling on mobile” title.
A new meta tag for respecting text scaling on mobile. @matuzo.at shows how the proposed <meta name="textscale"> element lets websites honor OS text size settings in mobile Chrome. Units like em and rem scale, pixel values stay fixed. Only in Canary so far. #html #a11y
youtu.be/XVIgKEOVfVg
“Dictionary Compression is finally here, and it’s ridiculously good” title, HTTP and Performance tags, and a close-up of a dictionary page with the “technology” entry.
Dictionary compression is finally here, and it’s ridiculously good. Tim Perry shows how Compression Dictionary Transport can shrink JS bundles up to 90% for returning users. Already used by Google, Shopify, and Pinterest in production. #performance #http
httptoolkit.com/blog...
“Define the Theme Color for Safari 26” title, author’s photo, three Safari windows showing The Verge with dark chrome, Piccalilli with white and red chrome, DevTools with background: red.
Define the theme color for Safari 26. Martin Grubinger shows how to work around the dropped <meta name="theme-color"> with scroll-driven animations and a hidden fixed element that sets the browser chrome color. #safari #css
grooovinger.com/note...
“Native Random Values in CSS” title with author’s photo and a pile of colorful dice.
Native random values in CSS. Álvaro Montoro explores random() and random-item(), two new CSS functions. random() returns a value within a range, random-item() picks from a list. Both support sharing to correlate results. Only Safari 26.2 so far. #css #safari
alvaromontoro.com/bl...
“Making WebAssembly a first-class language on the Web” headline, Mozilla Hacks logo, and a code snippet with import image from image-lib.wasm.
Making WebAssembly a first-class language on the Web. Ryan Hunt says JS-only loading and Web API glue code hurt DX, and the Component Model could add direct bindings and easier imports. #webassembly #firefox
hacks.mozilla.org/2026/02/maki...
“Practical guide to the img element: from the basics to LCP” title, author’s name Joan León, code snippets, table of contents, and hashtags: images, webperf, core-web-vitals, html.
Practical guide to the <img> element: from basics to LCP. @nucliweb.net shows how srcset, sizes, modern formats AVIF and WebP via <picture>, fetchpriority, preload for the LCP image, and CDNs can improve Core Web Vitals. #performance #html
joanleon.dev/en/guia-prac...
Screenshot of browser developer tools with a large Firefox logo overlaid and the text “Firefox 148”.
Firefox 148 release notes for developers. The release adds the HTML Sanitizer API and Trusted Types, plus Iterator.zip() and zipKeyed(), the CSS shape() function, improved anchor positioning, and the experimental Document Picture-in-Picture API. #firefox
developer.mozilla.org/en-US/docs/M...
Josh Comeau logo and Sprites on the Web title, with a cartoon person and a row of trophy sprites. CSS and an img tag code snippet on the right.
Sprites on the web. @joshwcomeau.com shows how to animate spritesheets in CSS within the <img> viewport: object-fit, object-position, and steps(jump-none) for clean frame-by-frame motion, plus when sprites beat GIFs, and when procedural animation is better. #css
www.joshwcomeau.com/animation/sp...
Author’s photo beside the headline “An in-depth guide to customising lists with CSS”, the name Richard Rutter, code snippets, and Piccalilli logo.
An in-depth guide to customizing lists with CSS. @clagnut.com covers lh indents, ::marker styling limits, and cross-browser symbols via @counter-style, plus a ::before fallback when support for some features might be limited. #css
piccalil.li/blog/an-in-d...
Speech bubble with “border-shape: the future of the non-rectangular web” above a row of pieces: pentagon, hexagon, square, triangle, circle, star, trapezoid.
Border-shape: the future of the non-rectangular web. @una.im introduces the border-shape property that makes borders, shadows, and outlines follow custom geometry. Now available in Chrome Canary for testing. #css #chrome
una.im/border-shape/
TetraLogical logo above headline “Accessible building blocks for web” over an abstract network of connected circles.
Accessible building blocks for web. A series of short videos by @tetralogical.com on accessibility basics: headings, images, buttons, links, and form fields, with practical tips on labels, contrast, and semantic HTML for keyboard and screen reader users. #a11y #video
www.youtube.com/playlist?lis...
“Declarative Dialog Menu with Invoker Commands” title above HTML and JavaScript code snippets, with an open menu showing “Close” button and menu items: Home, Services, About, Blog, Notes, Contact.
Declarative dialog menu with invoker commands. @dbushell.com shows a hamburger menu powered by <dialog> using invoker commands with a small JS fallback, plus notes on a WebKit :focus-visible quirk, closedby="any", and view transitions. #html #css
dbushell.com/2026/02/12/d...
Graphic with the text “New in Chrome” and the number “145”, alongside the Chrome logo on a blue grid background.
What’s new in Chrome 145. New text-justify, column-wrap, and column-height properties, plus focusVisible for focus() and improved nested overscroll. Also, an Origin object, Map upsert helpers, window.crashReport, and reduced UA string by default. #chrome
developer.chrome.com/release-note...
State of React 2025 logo mashup with with React logo and japanese characters “リテクト”. Table of contents: Introduction, T-shirt, Features, Libraries, Other Tools, Usage, Resources, Demographics, Conclusion, Metadata, About and a fragment of a bar chart.
State of React 2025 results are live. React 19 release, Create React App’s sunset, the new React Foundation, and Compiler 1.0, plus ongoing RSC debates and rising AI vibe coding tools like v0 and Cursor. #stateof #react
2025.stateofreact.com
Read more in announcements:
Apple webkit.org/blog/17818/a...
Google web.dev/blog/interop...
Igalia www.igalia.com/news/interop...
Microsoft blogs.windows.com/msedgedev/20...
Mozilla hacks.mozilla.org/2026/02/laun...
Interop 2026 Dashboard with circles “Interop 43” and “Investigations 0”, browser scores Chrome Canary 87, Edge Dev 82, Firefox Nightly 63, Safari TP 64”, a feature list, and a line chart.
Interop 2026 names 20 focus areas. Apple, Google, Igalia, Microsoft, and Mozilla will align implementations and tests across anchor positioning, advanced attr(), view transitions, the Navigation API, WebTransport, WebRTC, and CSS zoom to improve interoperability. #interop
wpt.fyi/interop-2026
Safari Web Inspector timelines view with CPU and Memory graphs, overlaid by Safari icon and the headline “WebKit Features for Safari 26.3”.
WebKit features for Safari 26.3. Support for Zstandard for quicker/efficient on-the-fly compression and a Navigation API AbortSignal so tasks can cancel cleanly when navigation is aborted. Plus fixes for anchor positioning, multi-column layouts, media, and Safe Browsing.
webkit.org/blog/17798/w...
A woman doing yoga on a mat beside a stretching cat over the headline “Debugging with AI: Can It Replace an Experienced Developer?” and an author photo.
Debugging with AI: can it replace an experienced developer? @adevnadia.bsky.social shows that LLM can fix symptoms fast, but it still struggles with root causes across three React and Next.js bugs she investigates and verifies manually. #ai #react
www.developerway.com/posts/debugg...
Article cover with “Project” and “News” tags and the title “Web Standards. Daily web platform news.”
For almost 10 years we published daily web platform news in Russian. I always wanted to do the same in English, and five months ago I started. Yesterday I hit the 100th news on @web-standards.dev 🎉 Here’s a story behind the project. Of course, built with @11ty.dev 😎
pepelsbey.dev/articles/web...
Author’s photo beside the headline “Reference Target: having your encapsulation and eating it too”, with a code snippet in the center and ocean waves along the bottom.
Reference Target: having your encapsulation and eating it too. Alice Boxhall introduces a proposal that lets a shadow DOM element become the target when the host is referenced. Chromium, WebKit and Firefox already have experimental implementations. #a11y
blogs.igalia.com/alice/refere...
Author photo, several toggle switches with different color, and code snippets around the headline “input type=checkbox switch polyfill”.
A polyfill for the HTML switch element. @tomayac.com shares a polyfill, bringing near-native <input type="checkbox" switch> to browsers beyond Safari, with accessibility mapping, high-contrast tweaks, and FOUC-safe loading. #html #polyfill
blog.tomayac.com/2026/01/12/a...
Author photo beside the headline “Explicit resource management in JavaScript”, with code snippets and an arrow connecting them.
Explicit resource management in JavaScript. Matt Smith shows how using, await using, and Symbol.asyncDispose cut try/finally boilerplate, dispose in reverse order, and make lifetimes visible. #js #ecmasript
allthingssmitty.com/2026/02/02/e...
Two browser windows with card grids: masonry on the left, regular grid layout on the right, under “When will CSS grid lanes arrive? How long until we can use it?” title.
CSS grid lanes are arriving sooner than you think. @jensimmons.bsky.social says Safari Technology Preview has the finalized syntax, while Chrome and Firefox are close behind. Meanwhile, you can use @supports for progressive enhancement and a CSS or JS polyfill fallback.
webkit.org/blog/17758/w...
Circular author’s photo next to the title “Is it scrolled? Is it not? Let's find out with CSS @container scroll-state() queries”, with a big mouse surrounded by up, down, left, and right arrows.
CSS scroll-state container queries can now detect scrolling. @utilitybend.com shows Chrome 144’s new scrolled state for @container, building on stuck, snapped, and scrollable states, to power hidey headers and scroll hints with no JS. #css #scroll
utilitybend.com/blog/is-it-s...
JavaScript logo in a hexagon with text “State of 2025”, “Syntax features”, and “Changes over time”, over background tool names like Vite and Webpack on a complex graph.
Results of the State of JavaScript 2025 survey. TypeScript wins as a language, Vite downloads pass Webpack, and AI-generated code was just under 30% by late 2025, with Cursor, Zed, Claude, Gemini, and Copilot rising. #stateof #js
2025.stateofjs.com
Sketch of the author’s face next to the headline “How to dynamically install custom elements”, with panels showing a JS file tree, custom elements, and JavaScript code.
How to dynamically install custom elements. @heydonworks.com uses :not(:defined) plus dynamic import to load only the custom elements found in the DOM, with a ready event and a MutationObserver option for late additions. #js #webcomponents
heydonworks.com/article/dyna...
Shield with check mark beside headline “5 accessibility checks to run on every component” and author line “Written by Hidde De Vries” and date “Jan 6, 2026”.
Five accessibility checks to run on every component. @hidde.blog outlines essential component-level checks: keyboard access, accessible tokens, clear control names, 400% zoom and user settings, and screen reader semantics. #a11y #testing
zeroheight.com/blog/5-acces...
Photo of the author next to the headline “Try text scaling support in Chrome Canary”, with a code snippet saying “Don’t do this” to :root { font-size: 16px }, and a BBC page screenshot.
Try text scaling support in Chrome Canary. @joshtumath.uk says desktop has a base text size option, but mobile ignores OS text size. Opt in with <meta name="text-scale"> if your site is ready to let text follow the mobile users setting. Now in Canary behind a flag.
www.joshtumath.uk/posts/2026-0...
Code snippets of a CSS reset under the headline “My opinionated CSS reset”.
Opinionated CSS reset for modern browsers. @vale.rocks shares a rule-by-rule overview of his reset, from an anonymous @layer and border-box defaults to disabling text-size-adjust and normalizing media, forms, typography, and :focus-visible outlines. #css #reset
vale.rocks/posts/css-re...
