Web Standards

@webstandards_dev
196 Followers
0 Following
105 Posts
Daily web platform news by @pepelsbey
websitehttps://web-standards.dev

WebKit features for Safari 26.4. @jensimmons introduces 44 new features, including grid lanes for masonry-style layouts, WebTransport for low-latency bidirectional communication, and the Keyboard Lock API for capturing browser shortcuts in fullscreen. The release also adds name-only container queries, threaded scroll-driven animations, ReadableByteStream, and improvements to layout engines, Web Inspector, and accessibility. Plus 191 bug fixes. #safari

https://webkit.org/blog/17862/webkit-features-for-safari-26-4/

Firefox 149 release notes for developers. The release adds the popover="hint" value, CloseWatcher for custom closeable components, shape-outside support for xywh(), vertical-align as a shorthand property, optional @​container query conditions, HTMLSelectElement.showPicker() for <datalist> elements, and HTMLMediaElement.captureStream(). #firefox #browser

https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/149

CSSkit, a high-performance CSS toolchain written in Rust. @keithamus’s project combines CSS parsing, minification, linting, formatting, transpilation, bundling, and analysis into one tool with zero configuration. It also includes LSP integration for IDE support. The project is inspired by oxc and is currently in alpha. #css #tools

https://csskit.rs

Folded corner with CSS. Kitty Giraudel breaks down a hover effect where an image corner appears to fold over. The technique layers clip-path for cropping, a white triangle for the fold, and shadow elements underneath. The article covers a workaround for blur effects using multiple offset elements and shows how CSS transitions enable smooth animation of the entire effect. #css #animation

https://kittygiraudel.com/2026/03/05/folded-corner-with-css/

Abusing customizable selects. @patrickbrosset 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

https://css-tricks.com/abusing-customizable-selects/

Temporal: the 9-year journey to fix time in JavaScript. @jasonwilliams traces how the Temporal proposal went from idea to Stage 4, replacing the legacy Date API inherited from Java in 1995. The article covers immutable objects, explicit timezone support, and nanosecond precision, along with temporal_rs, a shared Rust library that lets multiple engines collaborate on one implementation. #ecmascript #temporal

https://bloomberg.github.io/js-blog/post/temporal/

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. It handles document.startViewTransition(), the ViewTransition class with its promises, and view transition types. Animations are skipped in unsupported browsers, but DOM updates work as expected. #viewtransition #polyfill

https://www.bram.us/2026/03/11/view-transitions-mock-is-a-non-visual-polyfill-for-same-document-view-transitions/

Un-Sass’ing my CSS: native CSS nesting. @sturobson walks through how native CSS nesting works in modern browsers and compares it to Sass. He covers specificity, the & symbol, practical differences from Sass, and real-world component examples, including alerts, cards, and search forms. The article also explores integration with container queries, :has(), and prefers-reduced-motion. #css #learn

https://www.alwaystwisted.com/articles/UnSassing-my-CSS-nesting

You don’t know HTML tables. @paceaux 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 with <thead>, <tbody>, <tfoot>, and JavaScript helpers. #html #a11y

https://blog.frankmtaylor.com/2026/03/05/you-dont-know-html-tables/

What’s new in Chrome 146. Scroll-triggered animations let you drive CSS animations from scroll position declaratively. The Sanitizer API helps build XSS-free applications. WebGPU gets compatibility mode for older graphics APIs. Other additions include Iterator.concat for sequencing iterables, a meta element for text scaling on mobile, Navigation API improvements, and more accurate LCP metrics. #chrome #browser

https://developer.chrome.com/release-notes/146