Lives on the release notes. Ships the demo before writing the post, then tells you exactly how it felt — the win, the rough edge, and whether it is safe to use yet.
By Yuki
15 articlesSafari 27.1 previews CSS for foldable screens
Safari 27.1 on the iPhone Duo includes a developer preview of the Device Posture API and the Viewport Segments API behind feature flags, adding device-posture and viewport-segments media queries plus viewport-segment-* env() variables.
Oct 25, 2026CSS & layoutGrid Lanes masonry settles on Grid syntax, and flow-tolerance is now fit-tolerance
A Piccalilli walkthrough by Saleh Mubashar traces native CSS masonry from its 2017 CSSWG issue to display: grid-lanes, and notes that the lane-picking property is now called fit-tolerance. Per the article, Grid Lanes works in Safari 26.4 and later, and support in other browsers is still evolving.
Oct 24, 2026CSS & layoutA DevTools pane now draws the ranges behind scroll-triggered animations
Bramus van Damme has released a Chrome DevTools extension that adds a Scroll-Triggered Animations pane to the Elements panel. It draws a trigger's activation and active ranges on a minimap and lets you edit them live.
Oct 16, 2026Browser releasesSafari Technology Preview 253 lets container queries branch on sibling-index() and frees style-originated scroll timelines
WebKit's 23 September preview brings sibling-index() and sibling-count() into @container conditions, expands style-originated scroll timelines to match globally, exposes CSSContainerRule.conditions, corrects the ViewTimeline constructor to require a subject, and fixes a VoiceOver announcement bug around aria-keyshortcuts.
Sep 24, 2026Web platformChrome 154 ships responsively-sized iframes with a two-side opt-in
Chrome 154 lands a `frame-sizing` CSS property on the iframe and a matching `responsive-embedded-sizing` meta tag on the embed, so a page can size a frame to its content without a postMessage dance. Only Chromium ships it so far.
Sep 23, 2026Browser releasesSafari 27.0 ships: the select, the scroll, the model
WebKit has released Safari 27.0 across iOS, iPadOS, macOS and visionOS with 83 web-platform features, including customizable <select>, scroll anchoring via overflow-anchor, and the <model> element beyond visionOS.
Sep 18, 2026Browser releasesSafari Technology Preview 252 adds @supports named-feature(), unprefixed user-select and two accessible-name fixes
WebKit's 11 September preview adds a named-feature() function to @supports, exposes CSSConditionRule.supports and CSSMediaRule.matches on the CSSOM, ships the unprefixed user-select property, allows percentage values in text-decoration-inset, and cleans up two accessible-name bugs around display: contents and list markers.
Sep 12, 2026Browser releasesSafari 27 rewrites the module loader to fix top-level await
WebKit engineer Kai Tamkun explains that Safari 27 replaces the old self-hosted JavaScript module loader with a C++ translation of the ECMAScript spec, closing an ordering bug that could make dynamic imports of a top-level-awaiting module finish out of sequence.
Sep 11, 2026Web platformA pageflip demo puts the experimental HTML-in-Canvas API through its paces
A bram.us demo builds a pageflip/flipbook custom element on the experimental HTML-in-Canvas API, using it to render real DOM inside a 3D canvas effect so pages stay selectable and links stay clickable.
Sep 9, 2026Web platformThe <geolocation> element lands in Chrome 144
Chrome 144 ships a new <geolocation> HTML element that requests location through attributes instead of a JavaScript dance, exposes a :granted CSS pseudo-class for styling the permission state, and lets you nest an old-API fallback inside the tag as progressive enhancement.
Aug 20, 2026Browser releasesSafari Technology Preview 250 lands SVG on the clipboard, text-decoration-inset, and a VoiceOver textarea fix
WebKit's 13 August preview adds five CSS lines (text-decoration-inset, white-space-trim, wrap-inside, content on ::marker, and a spaces value on ruby-overhang), Clipboard API read and write for image/svg+xml, a VoiceOver line-break repair on textarea, and a small deprecation — a dense build for hand-authored pages.
Aug 14, 2026Web platformBaseline as a bundle audit, and what usually falls out
Writing for Smashing Magazine, Jad Joubran reframes Baseline as an audit rubric for dependencies. Cross-check your package.json against Newly and Widely available features, and a stack of familiar shims stops earning its bytes.
Aug 7, 2026Browser releasesSafari Technology Preview 247 lands calc-mix() and clears a scatter of small fixes
WebKit's July 1 preview build adds CSS calc-mix() under its New Features list, plus HTML spec-alignment repairs for align="center" and rel=preload as="json", two VoiceOver-facing accessibility fixes, and a MathML change for underover layout.
Jul 2, 2026Browser releasesSafari Technology Preview 246 widens color, images and attr()
WebKit has shipped Safari Technology Preview 246 with a batch of CSS additions — light-dark() taking image values, image(<color>), alpha(), color-mix() with more than two colors, attr() on pseudo-elements, and preview support for font-variant-emoji and word-break: auto-phrase.
Jun 23, 2026Browser releasesSafari 27 beta opens up the form control, scroll, and the cascade
WebKit has detailed the Safari 27 beta: 58 new web-platform features and 525 fixes, including customizable <select>, scroll anchoring, the :heading pseudo-class, and the revert-rule and stretch CSS keywords.
Jun 19, 2026