iPhone Duo: doubling my disappointment with Safari. Mike Piontek found that Safari ignores safe area insets for the iPhone Duo’s right-hand toolbar and tints it by sampling the page’s right edge, breaking existing workarounds. #safari #css

mikepiontek.com/jour...

2027 web platform feature ranking. The @webdevs.firefox.com team asks you to rank around 10 of the 100 Interop 2027 proposals you care about. Last year’s 1900+ rankings shaped both Interop picks and Firefox’s own priorities. #interop #firefox

interop-rank.fxdx.dev/

What’s new in Chrome 155. JPEG XL decoding returns, CSS gains margin-trim and the symbols() function for inline counter styles, and JavaScript can import text modules with { type: "text" }. #chrome #browser

chromestatus.com/rel...

A flame needs three sine waves. Carmen Ansio breaks down a canvas match animation: teardrop shapes, three layered sine waves for an organic flicker, sparks with gravity, and prefers-reduced-motion support. #animation #js

www.carmenansio.com/...

Transferring sibling-count() to a parent element. @css-only.dev turns sibling-count() of an extra child into a variable on the parent using scroll-driven animations, a CSS-only stand-in for the proposed children-count(). #css #scroll

blog.master.dev/tran...

Developer Signals: shape what browsers build next. Rick Viscomi made a tool to browse upcoming web features and Interop 2027 proposals, vote with GitHub, and share use cases that go straight to browser vendors. #interop #browser

developer-signals.dev

The JavaScript midlife crisis. Maroun on the toolchain rewrite in Rust, Go, and Zig: faster builds, but fewer JavaScript developers who can read, debug, and maintain their own tools. #js #tools

maroun-baydoun.com/b...

State of Devs 2026 survey results. Sacha Greif and Devographics polled 5,463 developers: 62% have experienced burnout, and most rely on AI for their code, yet only 23% say it had a positive impact on their mental state. #stateof #survey

2026.stateofdevs.com...

Firefox 157 release notes for developers. at-rule() in @​supports, a chain value for overscroll-behavior, Animation.reverse() at playbackRate 0, plus flagged ML-KEM in Web Crypto and notification navigate. #firefox #browser

developer.mozilla.or...

Improving site performance by shipping more CSS. In the GitHub blog, Josh Black and Marie Lucca on the multi-year move from CSS-in-JS to CSS Modules: 7,760 sx props removed, 55% less server-side rendering, and 25% faster component init. #css #performance

github.blog/engineer...

What’s new in Chrome 154. The text-decoration-inset property trims or extends underlines, scroll-marker-group gains links and tabs modes for focus order and ARIA semantics, and Iterator.includes() checks whether an iterator yields a value. #chrome #browser

developer.chrome.com...

Browsers situationship: when browsers agree but the spec doesn’t. Rakhi explains why a spec sometimes moves toward browser behavior instead of the other way around, and how tests and Web compatibility bring them back to one result. #browser #interop

www.atbrakhi.dev/blo...

One SVG, nine posters: CSS link-parameters. Vadim Makeev passes colors into an external SVG with link-parameters and param(), while the file's own env() fallbacks keep it working everywhere else. Experimental in Firefox Nightly and Safari TP. #css #svg

pepelsbey.dev/articl...

The root scroller and how not to lose it. Kilian Valkhof shows how an app shell with a fixed-height wrapper and overflow replaces the page's own scroll container, losing keyboard scrolling and pull-to-refresh, and what to use instead. #css #scroll

polypane.app/blog/th...

Responsive iframes in Chrome 154. Sebastian Benz and Bramus introduce frame-sizing, a CSS property that sizes an <iframe> to its content, with a <meta> element opt-in and window.requestResize() for later updates. #html #css

developer.chrome.com...

Better icon and label alignment. Ahmad Shadeed lines an icon up with the first line of a wrapping label using the lh unit: half the difference between the line box and the icon size, applied as a translateY offset. #css #layout

ishadeed.com/article...

Sidenotes with CSS anchor positioning. Vincent Bernat pulls notes into the margin with anchor-name, position-anchor, and typed attr(), then uses max() with anchor() so a note lines up with its reference mark or drops below the previous one. #css #anchor

vincent.bernat.ch/en...

Modern web types. Philip Walton published a drop-in replacement for TypeScript’s DOM types with a single-engine threshold, so the View Transition API, Long Animation Frame API, and fetchLater() stop showing up as errors. #tools #js

philipwalton.com/art...

WebKit features in Safari 27. Apple’s release notes list 83 new features and 844 fixes: customizable <select>, scroll anchoring, WebAssembly JSPI, ariaNotify(), :heading, revert-rule, stretch sizing, and import defer. #safari #css

developer.apple.com/...