Web Standards

Building a multi-stage timetable with modern CSS.

Building a multi-stage timetable with modern CSS. Nils Binder explains how grid, subgrid, round() and mod() map times to rows, align stages, and add sticky hour markers with scroll-driven animations for headlines. A full CSS approach to complex schedules. #css #layout

9elements.com/blog/buildin...

The inner workings of JavaScript source maps. Original source location. Spiraling arrow. Production bundle.

The inner workings of JavaScript source maps. Manoj Vivek explains how VLQ-encoded mappings let DevTools trace minified JS back to original sources with minimal overhead, covering build stages and decoding examples. #js #devtools

www.polarsignals.com/blog/posts/2...

A complete guide to the HTML number input. For Chrome/Edge and Safari. For Firefox.

A complete guide to the <input type="number">. Ollie Williams covers spinner removal, step/min/max attributes logic, decimal/localization quirks, and best-use cases. #html #a11y

olliewilliams.xyz/blog/guide-t...

CascadiaJS. Cascadiajs.com/2025.

Nineteen CascadiaJS 2025 talks cover GPT in vanilla JS, collaborative editing, big data, frameworks, AI apps, React state, CSS, client‑side agents, GPT‑5, React/Next.js updates, web monetization, new UI models, and more. #js #video

www.youtube.com/playlist?lis...

Verify Account. Enter the 6-digit numeric code: 987___. Simple one-time passcode inputs.

Simple one-time passcode inputs. Tyler Sticka shows how a complete OTP form can be made with plain HTML: accessible, autofill-ready, and easily enhanced with CSS or JS. #html #a11y

cloudfour.com/thinks/simpl...

Firefox 145.

Firefox 145 release notes for developers. Adds text-autospace, math font, Atomics.waitAsync(), Integrity-Policy, Matroska, and experimental Anchor Positioning and Trusted Types. #browser #firefox

developer.mozilla.org/en-US/docs/M...

Output. HTML’s best kept secret.

HTML’s best kept secret: <output>. Den Odell reminds developers that it natively announces dynamic updates via role="status", links inputs through for="", and works beyond forms with full browser support. #html #a11y

denodell.com/blog/html-be...

Сolor-input. A modern color picker web component with wide-gamut support.

<color‑input>, a wide‑gamut color picker web component by Adam Argyle. It supports sRGB, Display P3 and Rec2020 with auto detection, converts between sRGB, HSL, LAB, LCH and OKLCH, uses Color.js, Preact Signals, CSS parts, and works with browsers supporting the Popover API.

color-input.netlify.app

Searchable, collapsible sections with hidden=until-found. Nathan Knowler.

Searchable, collapsible sections with hidden=until-found. Nathan Knowler shows how to make collapsible content searchable using this new HTML attribute and the beforematch event. #html #a11y

knowler.dev/blog/searcha...

Directives and the platform boundary. Use carefully. Tanstack.

Directives and the platform boundary. Tanner Linsley cautions that custom directives like use client and use server blur the line between framework and platform, urging developers to prefer explicit APIs and real standards. #js

tanstack.com/blog/directi...

АРСА or WCAG contrast formula. Consistent contrast across all hues. P3 support. Auto-generated color names. Developer export: Tailwind and CSS vars.

Harmonizer, an accessible color palette generator by Evil Martians. A Figma plugin and web app that use OKLCH with WCAG or APCA formulas to keep colors perceptually consistent across hues and themes. #design #a11y

harmonizer.evilmartians.com

WebKit Features for Safari 26.1

WebKit Features for Safari 26.1. Safari adds SVG support for rem, viewport, typography-relative, and container query units, improves Anchor Positioning, and fixes dozens of bugs across CSS and rendering. #browser #safari

webkit.org/blog/17541/w...

Oct 29, 2025. setHTML(), Trusted Types and the Sanitizer API. olliewilliams.xyz

setHTML(), Trusted Types and the Sanitizer API. Ollie Williams shows how these APIs protect against XSS by sanitizing HTML safely and enforcing trusted types. Supported in Firefox Nightly and Chrome Canary, with wider adoption coming. #security #html

olliewilliams.xyz/blog/sanitiz...

Perfectly pointed tooltips: a foundation

Perfectly pointed tooltips. Temani Afif explains how to build responsive tooltips with the CSS Anchor Positioning. Tooltips flip, stay visible, and keep their tails, all in pure CSS. Now supported in Chrome, Edge, and Safari. #css

frontendmasters.com/blog/perfect...

New in Chrome 142

Chrome 142 adds range syntax for CSS style queries, interestfor attribute for buttons and links, unified <select> rendering, SVG download support, WebGPU and FedCM improvements, permissions for local network access, and more. #browser #chrome

developer.chrome.com/release-note...

I built the same app 10 times: evaluating frameworks for mobile performance

Evaluating framework performance. Loren Stewart compared 10 meta-frameworks: Marko, SolidStart, SvelteKit, Qwik, and Nuxt hit 35–39 ms FCP with bundles from 28.8 to 176 kB. React has an architectural ceiling: even TanStack Start + React is 2× heavier than Solid.

www.lorenstew.art/blog/10-kanb...

Intent to Deprecate and Remove: Deprecate and remove XSLT

Deprecating XSLT in browsers. Chrome plans to remove XSLT (the XML transformation language) due to low usage and security risks. Deprecation starts in version 143, full removal in 155. WHATWG, Firefox, and Safari expressed support. #browser #chrome

groups.google.com/a/chromium.o...