WebKit Features for Safari 27.0

kept by eddie sep 18

Safari 27.0 ships a large set of features and quality improvements, including Safari MCP for AI coding agents, customizable select, scroll anchoring, and the HTML model element.

The golden rule of Customizable Select
Safari 27's customizable select allows full visual styling of `<select>` elements without JavaScript, but requires text or accessible attributes on every option for usability, accessibility, and fallback compatibility.
also on WebKit, Safari, #browser-engineering, #web-development, #user-experience
Meet WebKit for SwiftUI - WWDC25 - Videos - Apple Developer
Apple introduces a SwiftUI-native WebKit API to simplify embedding and controlling web content across Apple platforms.
also on WebKit, #browser-engineering, Apple, #user-experience, #developer-tools
New Things You Should Know About HTML Here in Mid 2026 – Master.dev Blog
The article surveys upcoming HTML features in mid‑2026, including permission elements install, customizable select, web‑component scopes, declarative shadow DOM, HTML‑in‑canvas, and new attributes like focusgroup and hidden‑until‑found.
also on Safari, #browser-engineering, Apple, #web-development, #developer-tools
Multi-stroke text effect in CSS
Stacking CSS text-stroke layers with varying widths creates a multi-stroke text effect, though browser rendering differences (Firefox smoother than Chrome/Safari) and poor performance make it unsuitable for production.
also on Safari, #browser-engineering, #user-experience, #developer-tools