Web Standards

Folded corner with CSS. @KittyGiraudel 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/2026/03/05/fol…

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 css-tricks.com/abusing-custom…

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/js-blog/post/t…

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 bram.us/2026/03/11/vie…

Un-Sass’ing my CSS: native CSS nesting. @StuRobson walks through how native CSS nesting works in browsers and compares it to Sass: specificity, the & symbol, practical differences, and component examples, including alerts, cards, and search forms. #css alwaystwisted.com/articles/UnSas…

You don’t know HTML tables. Frank M Taylor 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. blog.frankmtaylor.com/2026/03/05/you…

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/release-notes/…

Everything you never wanted to know about visually-hidden. David Bushell 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/20/vis…

SVGs on the web: performance comparison based on how you load them. @nucliweb 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-optimiz…

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 codepen.io/beta

The too early breakpoint. @shadeed9 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/too-ea…

A new meta tag for respecting text scaling on mobile. Manuel Matuzović 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. #html #a11y youtu.be/XVIgKEOVfVg

Dictionary compression is finally here, and it’s ridiculously good. @pimterry 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/dictionar…

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/notes/2026-02-…

Native random values in CSS. @alvaro_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 alvaromontoro.com/blog/68092/nat…

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/making…

Practical guide to the <img> element: from basics to LCP. @nucliweb 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-practi…

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/Moz…

Sprites on the web. Josh Comeau 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. joshwcomeau.com/animation/spri…

An in-depth guide to customizing lists with CSS. Richard Rutter 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-dep…