@saron.bsky.social
Web evangelist at Apple , founder CodeNewbie (acquired), developer, creator, chief baker of the Try Bakery (located in my kitchen ❤️)
@jensimmons.bsky.socialReposted by @saron.bsky.socialDid you see the news about Safari 27.0, out this week?
Safari MCP
844 resolved issues
Customizable select (w/ new UA default styles)
<model> on iOS, iPadOS, and macOS
immersive environments on visionOS
sizes="auto" for easier responsive lazy-loaded images
width: stretch
@saron.bsky.socialHow did you find out about your favorite MCP servers?
@saron.bsky.sociallight-dark() just got more powerful 🎊
Safari Technology Preview 246 adds support for using it with image values — not just colors.
Swap gradients, photos, or any background image based on system appearance, no media query needed.
@saron.bsky.socialAnother one: browser_console_messages Your agent can read your console logs on its own. Good for catching errors you didn't know were there 😅 Check out the Safari MCP server 👉🏽
@saron.bsky.socialIntroducing the new Safari MCP server 🎊
Connect your agent directly to a live Safari browser window so it can find bugs and examine the page on its own.
Available in Safari Technology Preview 247. Details here 👉🏽 webkit.org/blog/18136/i...
Give it a try and let me know what you think ❤️
@saron.bsky.socialIcon-only options in a customizable <select> break three things: ❌️ users who don't recognize the icon have no help ❌️screen readers have nothing to announce ❌️browsers w/o support show an empty dropdown There's just 1 fix for all three cases: keep the text Learn more:
@saron.bsky.socialCustomizable select is so powerful -- it's fully style-able with custom arrows, icons, color swatches, rich option layouts.
But to make sure everyone can enjoy it, there’s one rule to follow: always include text in your options.
We show you why this rule is so important: webkit.org/blog/18117/t...
@saron.bsky.socialThe <select> element has been tough to style for decades. appearance: base-select changes that. We'll walk you through full CSS control, rich HTML options, and keeping it accessible — all while leveraging the power of the native element.
@saron.bsky.socialOur video covering everything new for web developers in Safari 27 is now up and it's all about ✨quality✨.
BUT we got some fun stuff for you too -- Grid Lanes, Customizable Select, the <model> element, and more. Check it out ❤️ developer.apple.com/videos/play/...
