One of the surprising benefits of having a kid is how much easier it is to make friends, esp when they go to school. Birthday parties, play dates, extra curriculars, so many opportunities. Ive made so many new friends in the last year, it’s wild
Saron Yitbarek
@saron.bsky.social
Web evangelist at Apple , founder CodeNewbie (acquired), developer, creator, chief baker of the Try Bakery (located in my kitchen ❤️)
I’m exploring the mental health effects of AI coding. This is a super quick (blazing fast), anonymous survey. Please fill out and share so that the responses will be well rounded. forms.gle/dpD8Tk1QnXAz...
AI Coding & Mental Health
All answers are anonymous.
forms.gle
The State of Dev's survey is now open! survey.devographics.com/en-US/survey...
State of Devs 2026
Take the State of Devs survey
survey.devographics.com
UPDATE! Safari MCP now available in Safari 27 beta 🙌🏽 Give it a try and tell me what you think ❤️ webkit.org/blog/18136/i...
Introducing the Safari MCP server for web developers
Update: In Safari 27 beta and 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…
webkit.org
Small detail in the demo we love: the selected category ("Flowers") shows its icon right there in the closed dropdown, not just once you open it. That's <selectedcontent> mirroring whatever's inside the chosen <option>, available with customizable select. webkit.org/demos/custom...
The Category filter in our photo gallery demo is a 2x3 grid of icons. That's right, we put CSS Grid into a native <select>. No JS or libraries needed 🙌🏽 webkit.org/demos/custom...
At RubyConf and it’s nice to see that there are talks about AI without feeling like AI took over the conference. Nicely balanced schedule ❤️
Matz, the creator of the Ruby language, no longer reviews the code the AI generates. I know many other devs don’t either but feels different coming from a language creator. Thoughts?
Open the Color filter on our customizable select demo and the options aren't a list. They're arranged in a circle of swatches 🌈 But underneath the fancy design, it's still a native select with no JS and no libraries. Just CSS 🥰 What will you build? webkit.org/demos/custom...
light-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. Demo: codepen.io/ntim/pen/Pwb...
CSS light-dark(<image>, <image>)
...
codepen.io
Dark mode images used to mean a prefers-color-scheme media query. In Safari Technology Preview 246, you can do it in one line: background-image: light-dark(url(light.png), url(dark.png)); Works with gradients too 🥰 Demo: codepen.io/ntim/pen/Pwb...
CSS light-dark(<image>, <image>)
...
codepen.io
Hey, good news for browser extension creators. You no longer need Xcode to package and submit a Safari extension. This is good news! developer.apple.com/videos/play/... #wwdc #browsers
Create web extensions for Safari - WWDC26 - Videos - Apple Developer
Get started with Safari web extensions by building and testing one from the ground up — no Xcode required. Explore how content blocking,...
developer.apple.com
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 👉🏽
It’s pretty dope. I only tried basic commands but I love the idea of using something like Claude to interact with Safari.
You already know light-dark() for colors. Safari Technology Preview 246 extends it to images. background-image: light-dark( url(light-wallpaper.png), url(dark-wallpaper.png) ); No media queries, just flip your system appearance and the image swaps ❤️ Demo: codepen.io/ntim/pen/Pwb...
CSS light-dark(<image>, <image>)
...
codepen.io
Another tool in the Safari MCP server: page_interactions. Your agent can click, type, and scroll through your page — actually walk a user flow and see what breaks.
A favorite tool in the Safari MCP server? screenshot 📸 Your agent can just take a picture of your page whenever it needs to. No more copy-pasting what you're looking. Check out the Safari MCP server ❤️ webkit.org/blog/18136/i...
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…
webkit.org
If you've got a bug that only shows up in Safari, we released something that'll make hunting it down a whole lot easier. The Safari MCP server 🙌🏽 Install it, then ask your agent something like, "Make sure this site works in Safari" and let your agent go to town. Your agent's new super power ❤️
If you code w/an agent, you know the debug dance: spot bug → open console → check styles → see what's broken → describe to your agent → hope for the best The Safari MCP server connects your agent directly to a live Safari window so it has access to the same info you do. webkit.org/blog/18136/i...
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…
webkit.org
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
You can embed Apple Maps on your website 👀 MapKit JS has been around for a while, but v6 made it easier to use: npm install, native promises, addEventListener. No custom setup or no surprises. Just install and build. Here's a demo: webkit.org/demos/yosemite
I mentioned turning 18 and going to college ONE time in passing many months ago to my toddler and now she brings it up all the time. “When I turn 18 I’m going to go to college.” She doesn’t even know what college is! 😂 Kids are funny
20s: I can be everything, everywhere, at all times 30s: I can be everything, in many places, but not all the time 40s: I can be a few things, in a few places, occasionally
Artsy graphic courtesy of image(<color>), supported as of Safari Technology Preview 246. Check out the code: codepen.io/ntim/pen/jEV... Demo by @ntim.me
Reminder: The State of CSS Survey is closing *SOON*, so **NOW** is the moment to complete it. stateofcss.com/en-US/ This survey directly influences efforts like Interop and feature planning, so this is **YOUR** moment to let browser vendors know what you find missing on the web!
I use raw CSS. For work, we are migrating away from tailwind to raw CSS. I think it's good to have that control over CSS and knowledge. Additionally, the CSS is scoped in svelte files, so makes more sense to use raw CSS. But that's my opinion and I could be wrong. Thoughts?
Just made vanilla chocolate chip ice cream with my three year old using the Kiwico ice cream kit. Wow. Can't believe how good homemade ice cream is. It was kind of a pain to make, but so worth it.
MapKit JS gives your web app the same maps and place data behind Apple Maps. Add a Place ID and you get a location's name, iconography, contact details, and hours automatically — no data management on your end. It's also privacy-first by design: no user tracking baked in. Check it out ❤️
Customizable select falls back gracefully to the native <select> in unsupported browsers — as long as your options still have text. Replace labels with swatches and icons, and those users see a dropdown full of empty options. We show you what we mean here:
The golden rule of Customizable Select
Customizable select is coming to Safari 27.
webkit.org