Ollie Williams

Speed up future navigations by prefetching and/or prerendering before a user has clicked a link

Setting colors for SVG via CSS

Referencing the accent-color value via the AccentColor keyword in CSS

Using OpaqueRange and the Custom Highlight API

Do we still need Rspack, SWC, PostCSS, Vite, Parcel, Webpack, Turbopack, esbuild, Rollup, Rolldown, Babel, Autoprefixer, esbuild and Lightning CSS in 2026?

Implementing dark mode with minimal JavaScript and standard CSS

Stream HTML with response.textStream() and streamHTML()

Importing strings

Working with the CSS image() function

Run scripts when dynamically setting HTML.

SVG icons are still a pain

There's still no reliable way to show a picker for any input other than .

Using the Navigation API for same-document navigations

The back(), forward(), reload(), traverseTo() and navigate() Navigation API methods

Using .preventDefault() on the navigate and beforeunload events

Managing focus when using client-side routing

Register your custom property with @property

Styling, UX, validation

HTML conformance, security and performance

Avoiding cross-site scripting (XSS) attacks with new web APIs

Why I'm rooting for HTML.

styled-components goes into maintenance mode.

Using the light-dark() CSS function to implement light and dark mode for non-inline SVG icons, including SVG used with the HTML img element or as a CSS background-image.

Aligning the last line of text

Combining the popover attribute with the dialog element

Modality, light-dismiss, the popover attribute and the dialog element

Getting past the limitations of ::marker

Opening and closing popovers and dialogs without JavaScript using invoker commands, and custom commands with the JavaScript command event

Design tokens in theory and practice

Using background-clip: border-area

Animated AVIF, AV1 video, JPEG-XL...

Using the CSS currentcolor keyword with relative color syntax

A CSS pseudo-class for styling open dialogs, details, selects, and inputs.

:focus, :focus-visible and the JavaScript .focus() method

AV1 decoding on Mac, iPhone and iPad

Building a toggletip using the popover API

Problems solved by the HTML dialog element, popover attribute and CSS anchor positioning

CSS anchor positioning and the popover API

Zero-JavaScript modals, light dismiss functionality, toggle events and more...

Get a Unix timestamp using Temporal.Instant or Temporal.ZonedDateTime

Human-readable dates and times without a library

ISO 8601, date and time inputs, and the Temporal API

Dates and time in JavaScript

A modern asynchronous alternative to document.cookie

Importing CSS into a cascade layer.

Fallback values and non-string values, for any CSS property, not just content

Inline SVG, , , spritesheets, JSX...

Icon fonts in 2024.

Vertical and horizontal centering without grid or flexbox, text-box-trim, and centering an absolutely positioned element

Use margins while avoiding overflow and horizontal scrollbars with width: stretch