Web Standards @web-standards.dev · 11hFirefox 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... 012
Web Standards @web-standards.dev · 29/09/2026Improving 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... 020
Web Standards @web-standards.dev · 28/09/2026What’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... 010
Web Standards @web-standards.dev · 25/09/2026Browsers 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... 031
Web Standards @web-standards.dev · 24/09/2026One 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... 151
Web Standards @web-standards.dev · 23/09/2026The 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... 011
Web Standards @web-standards.dev · 22/09/2026Responsive 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... 2328
Web Standards @web-standards.dev · 21/09/2026Better 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... 040
Web Standards @web-standards.dev · 18/09/2026Sidenotes 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... 002
Web Standards @web-standards.dev · 17/09/2026Modern 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... 0171
Web Standards @web-standards.dev · 16/09/2026WebKit 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/... 022
Web Standards @web-standards.dev · 15/09/2026Firefox 156 release notes for developers. The Inspector resolves var(), attr(), and env() down to their source, scheduler.yield() keeps the task’s priority across synchronous awaits, and Promise.try() passes native promises through. #firefox #browser developer.mozilla.or... 031
Web Standards @web-standards.dev · 14/09/2026The browser’s main thread is expensive. Sunhyoup Lee explains how to fit JavaScript, styles, layout, and events into 10 milliseconds per frame: split long tasks and yield, batch frequent events, or move work to the compositor or a Worker. #performance #js kciter.so/posts/the-... 0205
Web Standards @web-standards.dev · 11/09/2026Make your logo brighter than white. Chris Bennett built a tool that turns a logo into a gain-map JPEG, so the colors you pick shine up to 7.5 times brighter than plain white on HDR screens and stay a normal JPEG everywhere else. #color #image www.soverybright.com/ 1175
Web Standards @web-standards.dev · 10/09/2026What’s new in Chrome 153. The <camera> and <microphone> elements request media capture declaratively, overflow: scroll clip makes a scroll container on one axis only, and Iterator.zip() aggregates several iterators at once. #chrome #browser developer.chrome.com... 010
Web Standards @web-standards.dev · 09/09/2026You don’t need initial-scale in your HTML. Vale and ppk 🇪🇺 published the same finding hours apart: the <meta name="viewport"> element only needs width=device-width, and Safari no longer needs the hint. #html #browser vale.rocks/micros/20... quirksmode.org/quirk... 082
Web Standards @web-standards.dev · 08/09/2026Container style queries and advanced attr(): rethinking how to wire up components in CSS. Brecht De Ruyte casts attributes like data-gap="2" into typed CSS values and lets @container style() queries rescale a whole card from one variable. #css #component utilitybend.com/blog... 022
Web Standards @web-standards.dev · 07/09/2026Submit your proposals for Interop 2027. The call is open until September 23rd. A proposal needs a stable specification and Web Platform Tests that run automatically in all four browsers, plus evidence that developers hit the problem. #interop #wpt github.com/web-platf... 041
Web Standards @web-standards.dev · 04/09/2026Fine, I'll build my own text editor! @dbushell.com compares canvas, contenteditable with plaintext-only, and a plain <textarea> for building an editor in the browser, and finds the humble <textarea> the fastest of the three. #html #performance dbushell.com/2026/09... 020
Web Standards @web-standards.dev · 03/09/2026Feature detecting undetectable CSS features with @supports named-feature(). Bramus explains the new function that checks what @supports can’t reach, like whether gap actually works in a flex container and not just parses. #css #interop www.bram.us/2026/08/... 011
Web Standards @web-standards.dev · 02/09/2026Firefox 155 release notes for developers. This expands attr() to any CSS property, adds the progress() and alpha() functions, renames font-stretch to font-width, and brings Promise.allKeyed(). Scroll-driven animations are behind a flag. #firefox #browser developer.mozilla.or... 021
Web Standards @web-standards.dev · 01/09/2026Getting agents to write better CSS. Brecht De Ruyte pairs Google’s Modern Web Guidance, which feeds Baseline-aware platform guidance into coding agents, with three skills of his own for token tiers, theming, and component states. #ai #css utilitybend.com/blog... 040
Web Standards @web-standards.dev · 31/08/2026Highlighting a range of text inside a form field. Ollie Williams shows how OpaqueRange brings the CSS Custom Highlight API to form controls: call createValueRange() and style the result with ::highlight(). Chromium 152 only for now. #chrome #js olliewilliams.xyz/bl... 063
Web Standards @web-standards.dev · 28/08/2026Making a long list fast: content-visibility vs. virtualization. Agustin Barrientos shows that content-visibility: auto keeps rows in the DOM and skips offscreen work, while virtualization unmounts them, losing find-in-page and focus. #performance #css agustinbarrientos.co... 000
Web Standards @web-standards.dev · 27/08/2026What’s new in Chrome 152. CSSPseudoElement now covers ::backdrop, ::scroll-marker, and ::view-transition, the CPU Performance API reports the performance tier of a device, and the Connection-Allowlist header restricts outgoing requests. #chrome #browser developer.chrome.com... 010
Web Standards @web-standards.dev · 26/08/2026Balancing flex items with flex-wrap: balance. Ahmad Shadeed shows five ways to avoid a lone item on the last flex line, from container queries to display: contents, and finally flex-wrap: balance from Chrome 150, which needs one declaration. #css #layout ishadeed.com/article... 040
Web Standards @web-standards.dev · 25/08/2026Intent to ship: JPEG XL. Jake Archibald explains that Firefox is shipping JPEG XL built on jxl-rs, the Rust decoder from Google Research. AVIF still wins on photos, but JPEG XL is better at lossless and progressive rendering. #image #firefox hacks.mozilla.org/20... 093
Web Standards @web-standards.dev · 24/08/2026A look at the <geolocation> HTML element and how it works. @dxnny.fun explains the Chrome 144 element that replaces the Geolocation API with markup: autolocate, watch, onlocation, a :granted pseudo-class, and rules against clickjacking. #html #chrome piccalil.li/blog/a-l... 021
Web Standards @web-standards.dev · 21/08/2026My HTML boilerplate in 2026. @matuzo.at explains every line of his <head>, including the new additions: the text-scale meta tag, dark mode SVG favicons, a markdown alternate link, and fediverse:creator. #html #learn www.matuzo.at/blog/2... 0104
Web Standards @web-standards.dev · 20/08/2026A field guide to the Chrome DevTools Performance panel. Joan León explains it with interactive figures: the colors, network request bars, flame chart depth and self time, the four LCP phases, CLS, and INP. #performance #devtools perf.reviews/profile... 041
Web Standards @web-standards.dev · 19/08/2026Yeah, I know. But I'm sticking to the "face in a circle" style for all covers, and this one doesn't work as well, unfortunately. Hope you don't mind it too much 😬 010
Web Standards @web-standards.dev · 19/08/2026The case for tri-state dark mode toggles. Bramus replies to @lea.verou.me: when the OS switches by the clock, a two-state toggle flips a daytime choice for light to dark at night. Tri-state is clearer. #design #color www.bram.us/2026/08/... 130
Web Standards @web-standards.dev · 18/08/2026Firefox 154 release notes for developers. This adds the sibling-count() and sibling-index() CSS functions, text-box-trim, and the Iterator methods includes(), join(), chunks(), and windows(). Plus unprefixed line-clamp behind a flag. #firefox #browser developer.mozilla.or... 0113
Web Standards @web-standards.dev · 17/08/2026Can emails include dark and light mode themes? Matthew Guay explains that @media (prefers-color-scheme) works in about 42% of email clients, mostly Apple Mail, while Gmail, Outlook on Windows, and Yahoo Mail invert colors or ignore dark mode. #email #css buttondown.com/blog/... 162
Web Standards @web-standards.dev · 14/08/2026Progressive Web Apps mostly rock. Martin Grubinger weighs the wins, like URLs, the back button, and instant updates, against what still hurts: iOS install flows, unpredictable install prompts, and missing platform capabilities. #pwa #browser grooovinger.com/note... 0126
Web Standards @web-standards.dev · 13/08/2026Five best practices for preventing chaos in Tailwind CSS. Nina Torgunakova shows how semantic design tokens, fewer utility classes, automated class ordering, and predefined component variants keep a growing project readable. #css #tools evilmartians.com/chr... 180
Web Standards @web-standards.dev · 12/08/2026How Baseline can help you ship less JavaScript. Jad Joubran walks through five dependency clusters where the platform replaces npm packages: Intl instead of timeago.js, fetch instead of axios, <dialog> instead of modal libraries. #baseline #js www.smashingmagazine... 0157
Web Standards @web-standards.dev · 11/08/2026Source maps or not? James and Alexander Lichter explain when npm packages should ship source maps. They only pay off when the published code is lossy, like minified output. Otherwise, ship readable, unminified code instead. #npm #performance e18e.dev/blog/source... 020
Web Standards @web-standards.dev · 10/08/2026State of CSS 2026 survey results. Sacha Greif and Devographics polled 4,902 developers, and anchor positioning came out as the year’s favorite new feature, topping both the wish list and the browser support complaints. #css #survey 2026.stateofcss.com/... 033
Web Standards @web-standards.dev · 07/08/2026Dark mode toggles: two states are enough. @lea.verou.me argues the three-state light, dark, and system control is implementation-driven, since people switch themes only when the current one feels wrong. Keep three states under the hood, show two. #design #css lea.verou.me/blog/20... 052
Web Standards @web-standards.dev · 06/08/2026Styling the navigation: declarative route and navigation matching in CSS. Bramus walks through a CSS proposal to style navigation declaratively, with @route, @navigation, :nav-source, and :link-to() replacing JavaScript wiring. #css #router www.bram.us/2026/07/... 052
Web Standards @web-standards.dev · 05/08/20263D CSS guide: perspective, preserve-3d and translateZ. Carmen Ansio walks through real 3D scenes with perspective, perspective-origin, preserve-3d, cuboids, and translateZ, rotateX/Y/Z, scale3d, and matrix3d. All six are Baseline. #css #3d www.carmenansio.com/... 051
Web Standards @web-standards.dev · 04/08/2026Liquid Glass 2.0 in CSS (Aqua’s revenge). Jared White recreates Apple’s refined Liquid Aqua in pure CSS with dark borders, vertical gradients, @property variables, and ontouchstart for touch, warning not to trade readability for shine. #css #design thathtml.blog/2026/0... 0151
Web Standards @web-standards.dev · 03/08/2026CSS infinity use cases. @nerdy.dev shows what calc(infinity * 1px) and -infinity can do: perfect circles and pills, maxed-out z-index, frozen animations for DevTools, floor-free clamp(), boolean logic, and scroll-driven ranges. #css #animation nerdy.dev/css-infini... 020
Web Standards @web-standards.dev · 31/07/2026Cheatsheets for flex, grid, anchor positioning and invoker commands. Kilian Valkhof shares four CSS references he made after forgetting anchor positioning and grid-area syntax. Free as PDF and PNG in print-ready A5. #css #learn polypane.app/blog/ch... 0134
Web Standards @web-standards.dev · 30/07/2026The secure way to release an npm package in 2026. Andrey Sitnik frames it as raising attackers’ costs: npm Trusted and Staged Publishing, org-wide 2FA, CI actions pinned to SHA, and a 3-day dependency cooldown. #npm #security evilmartians.com/chr... 053
Web Standards @web-standards.dev · 29/07/2026What’s new in Chrome 151. The <usermedia> element manages camera and microphone access, shadowrootslotassignment enables manual slot assignment in HTML, and soft-navigation and interaction-contentful-paint entries measure SPA performance. #chrome #browser developer.chrome.com... 010
Web Standards @web-standards.dev · 28/07/2026WebKit features for Safari 26.6. Jen Simmons covers a new compileOptions parameter for JS String Builtins in WebAssembly streaming compilation, plus eight bug fixes across CSS, networking, service workers, and WebRTC. #safari #wasm webkit.org/blog/1817... 041
Web Standards @web-standards.dev · 27/07/2026Cross-Origin Storage API: stop downloading twice. @morello.dev explains a proposed standard that stores large files by their SHA-256 hash, so origins share one device cache instead of downloading duplicates. #performance #browser morello.dev/blog/cro... 273
Web Standards @web-standards.dev · 24/07/2026Building an accessible modal dialog on the native <dialog>. Agustin Barrientos uses showModal() for free focus trapping and Escape handling, wraps it in a Lit component, and animates it with the :open pseudo-class and @starting-style. #dialog #a11y agustinbarrientos.co... 010
