Web Standards
@web-standards.dev
Daily web platform news by @pepelsbey.dev https://web-standards.dev/
3D 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/...
Liquid 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...
CSS 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...
Cheatsheets 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...
The 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...
What’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...
WebKit 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...
Cross-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...
Building 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...
Rebuilding FIFA standings layout with CSS subgrid. Ahmad Shadeed rebuilds the World Cup bracket with a cleaner DOM: CSS Grid sets the tracks, subgrid lets nested matches inherit them, and negative grid lines keep positioning flexible. #css #layout ishadeed.com/article...
Firefox 153 release notes for developers. This adds Intl.Locale methods, import source for unevaluated modules, getAllRecords() for IndexedDB, Picture-in-Picture, WebAssembly JSPI, and the experimental link-parameters property for SVG. #firefox #browser developer.mozilla.or...
SVG filters on type. Carmen Ansio shows how SVG filter primitives recreate printing effects on web type: true outer strokes, 3D extrusion, specular lighting, and turbulent distortion, plus gilded initials, chromatic splits, and neon glow. #svg #typography www.carmenansio.com/...
SVG filters on type. Carmen Ansio shows how SVG filter primitives recreate printing effects on web type: true outer strokes, 3D extrusion, specular lighting, and turbulent distortion, plus gilded initials, chromatic splits, and neon glow. #svg #typography www.carmenansio.com/...
Playing with text-fit. Krijn Hoetmer explores the new CSS text-fit property. It scales text to fit its container: grow enlarges, shrink reduces, with modes for consistent or per-line scaling, only in Chrome 150 for now. #css #typography krijnhoetmer.nl/log/...
Do we still need build tools? Ollie Williams weighs frontend tooling in 2026. Modern CSS retires vendor prefixes and Sass, yet bundling and minification still help. In JS, module preloading and JSDoc types cut the need for a build. #tools #js olliewilliams.xyz/bl...
Do we still need build tools? Ollie Williams weighs frontend tooling in 2026. Modern CSS retires vendor prefixes and Sass, yet bundling and minification still help. In JS, module preloading and JSDoc types cut the need for a build. #tools #js olliewilliams.xyz/bl...
Announcing TypeScript 7.0. @danr.bsky.social introduces a native Go port bringing 8x to 12x faster full builds, parallel compilation, lower memory use, and a more stable language server. Framework tooling waits for a stable API in 7.1. #js #tools devblogs.microsoft.c...
Shaders, a design platform for WebGPU effects. Build animated backgrounds, glass, 3D shapes, and text as declarative components for React, Vue, Svelte, and Solid, composed in a visual editor without shader code. #tools #animation https://shaders.com/
In defense of polyfills. @lea.verou.me pushes back on the idea that polyfills harm the web. The need for fallbacks stays regardless, and the real fix is a faster standards process, not banning a useful tool. #polyfill #tools lea.verou.me/blog/20...
State of Devs 2026. Sacha Greif and Devographics launched the survey about everything that isn’t code, from health and hobbies to career, money, and community. It takes about 15 minutes and helps paint a fuller picture of developers’ lives. #stateof #survey survey.devographics....
What’s new in ECMAScript 2026. Paweł Grzybek walks through the new spec: Array.fromAsync, Error.isError(), Math.sumPrecise, Uint8Array Base64 and Hex conversion, Iterator.concat(), JSON.parse source access, and Map.getOrInsert(). #ecmascript #js pawelgrzybek.com/wha...
Getting started with anchor positioning. Josh W. Comeau walks through the CSS Anchor Positioning API for attaching tooltips and dropdowns to a target, with position-try-fallbacks and anchored container queries to reposition and flip. #css #anchor www.joshwcomeau.com/...
Introducing Baseline Alerts. Jeremy Wagner presents a notification system in the Web Platform Status dashboard. Sign in with GitHub to get email, RSS, or Slack alerts when web features reach Newly or Widely available across browsers. #baseline #interop web.dev/blog/baselin...
Time-based background colour transitions with Temporal and CSS color-mix. Sophie maps the time of day to four stages that blend with color-mix(), animated via registered custom properties, with a Date-based polyfill for Safari. #temporal #color localghost.dev/blog/...
The Goldilocks customizable select height. Jake Archibald sizes the customizable <select> picker with anchor positioning and calc-size() so it never hits the viewport edges, shrinks too small, or grows too tall. #css #anchor jakearchibald.com/20...
Introducing the Safari MCP server for web developers. Saron Yitbarek presents a Model Context Protocol server giving AI agents access to the DOM, network data, screenshots, and console in Safari through 16 local tools. #safari #ai webkit.org/blog/1813...
What’s new in Chrome 150. AccentColor system colors for installed apps, polygon() corner rounding, animatable zoom, url() modifiers, the new text-fit property, background-clip: border-area, and scroll methods that return promises. #chrome #browser developer.chrome.com...
A11y.quest: 128 questions to level up your accessibility game. Dave Davies built an interactive quiz across topics like semantic HTML and ARIA, sorted by difficulty, with accuracy tracking, streaks, and shuffle. #a11y #html https://a11y.quest/
Modern CSS theming with light-dark(), contrast-color(), and style queries. @una.im layers light-dark(), @property, contrast-color(), and @container style() queries to build accessible, composable themes that adapt elevation per mode. #css #color una.im/modern-css-th...
Your grid lanes will likely fail WCAG 2.4.3. @matuzo.at shows how grid lanes reorder items to balance column heights, breaking the match between tab order and visual order. The flow-tolerance property helps, and reading-flow may fix it. #css #a11y www.matuzo.at/blog/2...
