Squarespace and web standards: how we helped bring HTML video and audio lazy loading to today’s browsers. Scott Jehl describes how the team proposed loading="lazy" for video and audio, making it an official web standard. #html #performance engineering.squaresp...

Native JSON modules are finally real. Matt Smith explains how import attributes let you load JSON directly in browsers and runtimes with import data from 'data.json' with { type: 'json' }, no bundler needed. #json #js allthingssmitty.com/...

Form-associated custom elements in practice. Rob Levin retrofits AgnosticUI with ElementInternals, covering two validation strategies and practical patterns for input, radio, and combobox components in Shadow DOM. #webcomponents #html frontendmasters.com/...

CSS is DOOMed: rendering DOOM in 3D with CSS. Niels Leenheer renders the classic game entirely with CSS transforms and divs in 3D space, using trig functions, @​property, and SVG filters. #css #3d nielsleenheer.com/ar...

The Layout Maestro, a practical CSS course on building web layouts. Ahmad Shadeed’s course covers Flexbox, Grid, container queries, and :has() through visual lessons and interactive demos. #css #learn thelayoutmaestro.com

Under the hood: a closer look at the CSS architecture behind the redesign. Brecht De Ruyte covers cascade layers, design tokens, light-dark(), container queries, and progressive enhancement via @​supports. #css #design utilitybend.com/blog...

WebKit features for Safari 26.4. Jen Simmons introduces new features, including grid lanes for masonry layouts, WebTransport for low-latency communication, and the Keyboard Lock API. Plus name-only container queries, threaded scroll-driven animations, and more. webkit.org/blog/1786...

Firefox 149 release notes for developers. Popover hint value, CloseWatcher, shape-outside xywh(), vertical-align as a shorthand, optional @​container conditions, and captureStream(). #firefox #browser developer.mozilla.or...

CSSkit, a high-performance CSS toolchain written in Rust. Keith Cirkel’s project combines parsing, minification, linting, formatting, and LSP integration into one zero-config tool inspired by oxc. #css #tools https://csskit.rs

Folded corner with CSS. Kitty Giraudel breaks down a hover effect where an image corner folds over using clip-path, a white triangle, and shadow elements. Plus CSS transitions for smooth animation. #css #animation kittygiraudel.com/20...

Abusing customizable selects. Patrick Brosset builds three creative demos with the new <select>: a curved folder stack, a fanned card deck with anchor positioning, and a radial emoji picker with CSS trigonometric functions. #css #html css-tricks.com/abusi...

Temporal: the 9-year journey to fix time in JavaScript. Jason Williams traces the path from proposal to Stage 4, covering immutable objects, timezone support, nanosecond precision, and a shared Rust implementation across engines. #ecmascript #temporal bloomberg.github.io/...

Introducing view-transitions-mock, a non-visual polyfill for same-document view transitions. Bramus built a spec-compliant JavaScript implementation of the View Transition API that works across all browsers. #viewtransition #polyfill www.bram.us/2026/03/...

Un-Sass’ing my CSS: native CSS nesting. Stuart Robson walks through how native CSS nesting works in modern browsers and compares it to Sass: specificity, the & symbol, practical differences, and component examples, including alerts, cards, and search forms. #css #learn www.alwaystwisted.co...

You don’t know HTML tables. @paceaux.com goes beyond the basics, exploring table vocabulary, the Table Object Model API, header cell semantics with scope and headers attributes, and practical patterns for building accessible, well-structured tables. #html #a11y blog.frankmtaylor.co...

What’s new in Chrome 146. Scroll-triggered CSS animations, Sanitizer API for XSS protection, WebGPU compatibility mode, Iterator.concat, text scaling meta element, and improved LCP metrics. #chrome #browser developer.chrome.com...

Everything you never wanted to know about visually-hidden. @dbushell.com traces the history of the pattern, tests a minimal CSS approach, and explains why the platform still lacks a native alternative. #a11y #css dbushell.com/2026/02...

SVGs on the web: performance comparison based on how you load them. Joan León compares inline <svg>, <img>, <object>, CSS background, and sprites with <use> for their caching, request count, and rendering trade-offs. #svg #performance joanleon.dev/en/svg-...

The new CodePen 2.0 is now in public beta. Pens now have their own file system with folders, a new block-based build process without config, real-time collaboration by invite, an omnibar for quick access to files and commands, and privacy controls. #tools #css https://codepen.io/beta

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...

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. 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. 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. Á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. 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 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...

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...

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...

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...

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/

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. @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...

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 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

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

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...

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...

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...

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...

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...

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...

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...

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...

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

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...

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...

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...

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...

Stop turning everything into arrays. Matt Smith recommends iterator helpers for lazy map, filter, and take so you process only what the UI needs, not thousands of items. Works in modern browsers and Node 22+. #js #performance allthingssmitty.com/2026/01/12/s...

Writing custom elements with lit-html. Dave Samaniego shows why he reaches for lit-html over full Lit, including size, light DOM, and simpler imports. He walks through two patterns: a stateless <textarea> wrapper and a stateful Pokémon card with signals. frontendmasters.com/blog/custom-...