Another 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 👉🏽
Jen Simmons
@jensimmons.bsky.social
Apple Evangelist on the Web Developer Experience team for Safari & Webkit. #PwME
Introducing 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 ❤️
Introducing the Safari MCP server for web developers
In Safari Technology Preview 247, we’re introducing the Safari MCP server — a Model Context Protocol server for web developers that makes your web development and debugging workflow faster and more po...
webkit.org
Celebrate Pride with The Sick Times! Many in-person events aren’t accessible to people with Long COVID and related diseases and disabilities, so join us from home as we will celebrate queer performance art. We’re excited to see you there! ❤️🧡💛💚💙💜🤎🖤 🩵🩷🤍🩷🩵 Register: luma.com/ih0oq3yw?mc_...
This is a great introduction to Grid Lanes. I love how it works well with what we already know about CSS Grid.
Learn all about how to make masonry layouts on the web in just CSS, using Grid Lanes. In just 10 minutes. www.youtube.com/watch?v=NDwo... #css #webdesign
My team also did a livestream at WWDC, answering questions from web developers around the world: www.youtube.com/watch?v=LIxZ... #html #css #javascript #webdev
WWDC26: Safari and Web Technologies Group Lab | Apple
YouTube video by Apple Developer
youtube.com
I presented “What’s new in WebKit for Safari 27”. What has my team been up to? Squashing bugs. Paying off technical debt. Updating features where the spec changed & we were out of date. Rearchitecting whole systems to make them better. And more. www.youtube.com/watch?v=7Hg1...
WWDC26: What’s new in WebKit for Safari 27 | Apple
YouTube video by Apple Developer
youtube.com
Learn all about how to make masonry layouts on the web in just CSS, using Grid Lanes. In just 10 minutes. www.youtube.com/watch?v=NDwo... #css #webdesign
WWDC26: Learn CSS Grid Lanes | Apple
YouTube video by Apple Developer
youtube.com
Want to learn everything about the new <select> element — how to style everything about it + how to customize the content it displays? In just 9.5 minutes? We’ve got you covered: www.youtube.com/watch?v=ACsH... #html #css
WWDC26: Rediscover the HTML select element | Apple
YouTube video by Apple Developer
youtube.com
Check out all of our WWDC26 videos focused on Safari & Web at www.youtube.com/playlist?lis... #css #html #webdev
WWDC26: Safari & Web - YouTube
Explore Safari and web technologies in these WWDC26 sessions.
youtube.com
This Thursday, @stacykvernmo.com and I will Wing It live, looking at #CSS grid-lanes (now in WebKit/Safari). Neither of us have had a chance to actually play with it yet, and we're excited to see how it works. Come learn with us! youtube.com/live/siSCSaq...
Grid Lanes: the Future of Masonry Layout
YouTube video by Winging It
youtube.com
Go @rmondello.com go! It was 4+ years ago I first heard them talk about getting rid of passwords, and it’s so impressive how far Apple, and the whole industry, has come towards that goal! #Identiverse
Icon-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:
The golden rule of Customizable Select
Customizable select is coming to Safari 27.
webkit.org
Customizable 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...
The golden rule of Customizable Select
Customizable select is coming to Safari 27.
webkit.org
The Safari team's reason for opposing Web MCP struck a cord with me. It is something I've struggled to articulate in the past. In fact, their comments contain the seed of a design principle that the W3C should adopt. cloudfour.com/thinks/impro...
Improvements to Web for AI Should Benefit All Users
Proposed changes to the web platform to support AI should also support users and assistive technology whenever possible.
cloudfour.com
WebKit team crushed it this year!
Learn all about what my team has been up to this year — how we worked to improve the quality of WebKit. Plus what’s coming in Safari 27: Customizable Select, <model> on iOS, iPadOS & macOS, and much more. I cover highlights in: youtu.be/7Hg1fCrm4yM #css #html #javascript #webdevelopment #wwdc26
Journal: A tale of two browsers Safari 27 and Chrome 148. 🔗https://adactio.com/journal/22609
Plus, the entire team is really passionate - they all lit up talking about so many things along the way. By the way @jensimmons.bsky.social, I've been reading the Safari release notes this past year and it's consistently amazed me how much is being shipped. Bravo to your team!
This group lab was really good. My takeaways: - they prioritize features based on use cases and the value it provides to users - web performance is an infinite game (never done) - the new <model> element is supported across Apple devices/browsers - spatial CSS is super exciting!
Watch our live panel discussion “WWDC26: Safari and Web Technologies Group Lab” today at 5:00pm Pacific. Log in at developer.apple.com (with an Apple Developer account, free accounts work) to ask or upvote questions. www.youtube.com/watch?v=LIxZ...
Speaking of Safari team, they put together a fantastic 9 minute video introduction to customizable selects. It's a bite-sized intro that does a great job covering the new syntax. developer.apple.com/videos/play/...
Rediscover the HTML select element - WWDC26 - Videos - Apple Developer
Learn how to unlock full control of styling select menus on the web. The HTML select element is getting a major upgrade with a new CSS...
developer.apple.com
This is a great resource for learning and understanding Grid Lanes. I am already using it on a personal project. This a great scan through resource that can serve as an ongoing reference. Thanks WebKit team! gridlanes.webkit.org
The Field Guide to CSS Grid Lanes
Learn Grid Lanes to create masonry layouts in pure CSS. Absorb the possibilities with the Field Guide’s interactive playground. Return to the cheat sheet. Get inspired by six real examples with dozens...
gridlanes.webkit.org
Interested in CSS Grid Lanes? We just launched the Field Guide to Grid Lanes! gridlanes.webkit.org It’s got everything you need in a fun interactive playground + tons of demos. (And read about the Field Guide at: webkit.org/blog/18098/i...) #CSSDay #wwdc26 #CSS
The <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.
Rediscover the HTML select element - WWDC26 - Videos - Apple Developer
Learn how to unlock full control of styling select menus on the web. The HTML select element is getting a major upgrade with a new CSS...
developer.apple.com
We’ll be live in 52 minutes! (including me!)
Watch our live panel discussion “WWDC26: Safari and Web Technologies Group Lab” today at 5:00pm Pacific. Log in at developer.apple.com (with an Apple Developer account, free accounts work) to ask or upvote questions. www.youtube.com/watch?v=LIxZ...
Our 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/...
What’s new in WebKit for Safari 27 - WWDC26 - Videos - Apple Developer
Explore what's new in WebKit — from Grid Lanes and Customizable Select, to HTML Model and Immersive Environments, and the latest for Web...
developer.apple.com
Watch our live panel discussion “WWDC26: Safari and Web Technologies Group Lab” today at 5:00pm Pacific. Log in at developer.apple.com (with an Apple Developer account, free accounts work) to ask or upvote questions. www.youtube.com/watch?v=LIxZ...
WWDC26: Safari and Web Technologies Group Lab | Apple
YouTube video by Apple Developer
youtube.com
The Webkit team have been knocking it out of the park with the #CSS articles and guides they've been writing. And this field guide is not only beautiful but will probably become everyone's go-to reference on CSS grid lanes (a.k.a. masonry layout) gridlanes.webkit.org
The Field Guide to CSS Grid Lanes
Learn Grid Lanes to create masonry layouts in pure CSS. Absorb the possibilities with the Field Guide’s interactive playground. Return to the cheat sheet. Get inspired by six real examples with dozens...
gridlanes.webkit.org
Interested in CSS Grid Lanes? We just launched the Field Guide to Grid Lanes! gridlanes.webkit.org It’s got everything you need in a fun interactive playground + tons of demos. (And read about the Field Guide at: webkit.org/blog/18098/i...) #CSSDay #wwdc26 #CSS
I thought customizable select would be the biggest news this year. But somehow seeing SVG getting some long missing love by a major browser feels even better. And of course the model tag hits close to home right now. Gonna be a lot of fun ahead.
Learn all about what my team has been up to this year — how we worked to improve the quality of WebKit. Plus what’s coming in Safari 27: Customizable Select, <model> on iOS, iPadOS & macOS, and much more. I cover highlights in: youtu.be/7Hg1fCrm4yM #css #html #javascript #webdevelopment #wwdc26
What’s the web I want? A free space for creative expression. Free from the pressure to conform to the same old same boring factory churn. Remember when the web felt like this? gridlanes.webkit.org #thewebyouwant
The Field Guide to CSS Grid Lanes
Learn Grid Lanes to create masonry layouts in pure CSS. Absorb the possibilities with the Field Guide’s interactive playground. Return to the cheat sheet. Get inspired by six real examples with dozens...
gridlanes.webkit.org
Interested in CSS Grid Lanes? We just launched the Field Guide to Grid Lanes! gridlanes.webkit.org It’s got everything you need in a fun interactive playground + tons of demos. (And read about the Field Guide at: webkit.org/blog/18098/i...) #CSSDay #wwdc26 #CSS
The Field Guide to CSS Grid Lanes
Learn Grid Lanes to create masonry layouts in pure CSS. Absorb the possibilities with the Field Guide’s interactive playground. Return to the cheat sheet. Get inspired by six real examples with dozens...
gridlanes.webkit.org
Learn all about what my team has been up to this year — how we worked to improve the quality of WebKit. Plus what’s coming in Safari 27: Customizable Select, <model> on iOS, iPadOS & macOS, and much more. I cover highlights in: youtu.be/7Hg1fCrm4yM #css #html #javascript #webdevelopment #wwdc26
WWDC26: What’s new in WebKit for Safari 27 | Apple
YouTube video by Apple Developer
youtu.be
If you've run into an issue or are looking for pointers on Web Views on Apple platforms including (e.g. WebView for SwiftUI, or WKWebView) drop by our WWDC26 Q&A: developer.apple.com/forums/activ...