Best of Safari — June 2026

1. 1
   Article

   WebKit·11w

   Introducing the Field Guide to Grid Lanes

   WebKit launched the Field Guide to Grid Lanes at gridlanes.webkit.org, an interactive reference site for the new CSS Grid Lanes layout feature. The site includes a live editable playground, a cheat sheet covering all properties and values, six demo layouts (Photos, Recipes, Newspaper, Mega Menu, Timeline, Pinboard), and integration with Safari's Web Inspector. Grid Lanes is currently supported in Safari 26.4+, with progressive enhancement guidance provided for other browsers.

   90

   4
2. 2
   Article

   WebKit·11w

   Web Technology Sessions at WWDC26

   The WebKit team previews six WWDC26 sessions covering new web technologies in Safari 27. Highlights include Grid Lanes for CSS-only masonry layouts, Customizable Select for fully styleable native form controls using `appearance: base-select`, the `<model>` element for embedding interactive 3D models on iOS/iPadOS/macOS, immersive spatial website environments for visionOS, and a new Safari web extension packager that no longer requires Xcode or a Mac. Safari 27 also ships over 1,000 bug fixes and quality improvements.

   37

   2
3. 3
   Article

   WebKit·11w

   News from WWDC26: WebKit in Safari 27 beta

   Safari 27 beta launches with 58 new features and 525 bug fixes — the largest fix count in recent Safari history. Key highlights include customizable <select> elements via `appearance: base-select`, scroll anchoring to prevent viewport jumps, WebAssembly JavaScript Promise Integration (JSPI) for async interop, transform-aware anchor positioning, new CSS keywords (:heading, revert-rule, stretch), a full rewrite of the ESM loader fixing top-level await bugs, and the <model> HTML element expanding to iOS/iPadOS/macOS. The release emphasizes standards alignment, cross-browser compatibility, and quality improvements across CSS layout, SVG, JavaScript, MathML, and media APIs.

   12

   1