Sign in

Jen Simmons

@jensimmons.bsky.social
9.6K followers 350 following 514 posts

 Apple Evangelist on the Web Developer Experience team for Safari & Webkit. #PwME

PostsRepliesMedia
Jen Simmons @jensimmons.bsky.social · 08/10/2026
I’ve thought for years the answer should be no styling! Be like a `section` or `div`. Let the developer turn it to anything. Thoughts?
540
Jen Simmons @jensimmons.bsky.social · 08/10/2026
If you write: `fieldset { appearance: base }`, what do you want the styling to be in the future??
420
Jen Simmons @jensimmons.bsky.social · 08/10/2026
What do you want the new default styling to be for HTML fieldset? Here’s what it’s been forever — a box around things, with the legend text placed over the middle of the line at the top left. (See developer.mozilla.org/en-US/docs/W... for more.)
A screenshot of the visual styling and layout of a simple form using a fieldset
10277
Jen Simmons @jensimmons.bsky.social · 07/10/2026
The UA style for <popover> uses currentColor for the border, which means it uses your text color. If you’ve provided no `color`, then it’s using system colors — which totally support light & dark mode. Which is exactly how `appearance: auto` will work for form controls. codepen.io/editor/jensi...
codepen.io
Simple popover
A code demo by Jen Simmons created on CodePen
110
Jen Simmons @jensimmons.bsky.social · 07/10/2026
Do folks around you believe a toggle is required as part of dark mode? Why?
000
Jen Simmons @jensimmons.bsky.social · 03/10/2026
What benefit would that have? Light-dark maps to the system setting. And color scheme tells the browser to change the system colors… are you assuming sites need toggles?
100
Jen Simmons @jensimmons.bsky.social · 01/10/2026
Do you feel like adding a light/dark mode toggle to a website is necessary? Or just something you think is cool for the projects you make?
520
Reposted by Jen Simmons
Nicole Sullivan @nicolesullivan.bsky.social · 30/09/2026
How do you do CI for mobile? Does it work well? I’m curious about the state of the art these days.
362
Jen Simmons @jensimmons.bsky.social · 30/09/2026
Dark mode. Do the websites & web apps made by your team support dark mode? If not, why not? What do you want to know most to help empower your team to support it?! What’s the blocker? What is confusing or hard about dark mode? #css #web #development #design
13173
Jen Simmons @jensimmons.bsky.social · 30/09/2026
Did I bust you? 🥺
110
Jen Simmons @jensimmons.bsky.social · 30/09/2026
When the giant pool of money needed someplace new to go in 2008. It came for us. www.thisamericanlife.org/355/the-gian... en.wikipedia.org/wiki/The_Gia...
thisamericanlife.org
The Giant Pool of Money - This American Life
The surprisingly entertaining story of how the U.S. got itself into a housing crisis.
031
Jen Simmons @jensimmons.bsky.social · 25/09/2026
Yes, that's what I'm working on. How list boxes & mutliselect should work in appearance: base. We have a chance to hit the reset button & make something that works well going forward. It will definitely include the ability to style everything.
151
Jen Simmons @jensimmons.bsky.social · 24/09/2026
* not <select id="foobar" multiple item="6"> It’s <select id="foobar" multiple size="6"> Ouch!! That's how little the existing HTML makes sense to me. Feels so 1994.
270
Jen Simmons @jensimmons.bsky.social · 24/09/2026
Oh it is size! I mistyped.
100
Jen Simmons @jensimmons.bsky.social · 24/09/2026
Do you make websites? What do you wish <select> listbox did? Or didn’t do? This is the HTML. Currently, it automatically creates a listbox with 4 options showing. <select id="foobar" multiple> If you want 6 items showing, you write <select id="foobar" multiple item="6">. What should it be?
screenshot of the UI for a multiselect listbox.
12235
Jen Simmons @jensimmons.bsky.social · 24/09/2026
Assuming the quality efforts that went into Safari 26.4, 26.5, 27.0 were some kind of one-and-done project? Nope! Just look at all the improvements in Safari Technology Preview 253. webkit.org/blog/18357/r...
webkit.org
Release Notes for Safari Technology Preview 253
Safari Technology Preview Release 253 is now available for download for macOS Golden Gate and macOS Tahoe.
1263
Jen Simmons @jensimmons.bsky.social · 24/09/2026
This particular demo doesn’t seem to work when the device is turned & folded (partically) in a “laptop” posture. But that’s just this demo. Others work great.
110
Jen Simmons @jensimmons.bsky.social · 23/09/2026
It is available! It’s at Users & Access > Xcode Cloud > Safari Web Extension Packager.
100
Jen Simmons @jensimmons.bsky.social · 23/09/2026
Yes to both. They are defined in API called Device Posture & Viewport Segments, and are supported in Safari 27.1 beta behind a flag. To turn them on in the simulator for iPhone Duo (available with Xcode 27.1 beta), go to Settings > Apps > Safari > Advanced > Feature Flags and enable each.
010
Jen Simmons @jensimmons.bsky.social · 23/09/2026
Yes, Safari 27.1 beta supports both Device Posture & Viewport Segments API behind a flag. To turn them on in the simulator for iPhone Duo (available with Xcode 27.1 beta), go to Settings > Apps > Safari > Advanced > Feature Flags and enable each.
010
Jen Simmons @jensimmons.bsky.social · 23/09/2026
Learn more about designing for iPhone Duo at: developer.apple.com/iphone-duo/
developer.apple.com
Get Ready for iPhone Duo - Apple Developer
Learn how to prepare your apps for iPhone Duo.
062
Jen Simmons @jensimmons.bsky.social · 23/09/2026
To try out these API, download Xcode 27.1 beta: developer.apple.com/download/app.... It includes a simulator that supports the all-new poses and orientations of iPhone Duo. Go to Settings > Apps > Safari > Advanced > Feature Flags to enable both Device Posture API and Viewport Segments API.
developer.apple.com
Sign In - Apple
110
Jen Simmons @jensimmons.bsky.social · 23/09/2026
Lot of excitement about iPhone Duo and questions about Device Posture & Viewport Segments API. Both are supported in Safari 27.1 behind a flag.
developer.apple.com
Sign In - Apple
1151
Jen Simmons @jensimmons.bsky.social · 22/09/2026
I’ve been using Safari MCP a lot recently. It always just works. Today, I wasted my whole afternoon trying to get something to work with Chrome. Still doesn’t. What a PITA.
3160
Jen Simmons @jensimmons.bsky.social · 18/09/2026
Did 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 webkit.org/blog/18325/w...
webkit.org
WebKit Features for Safari 27.0
Our Safari release notes have never been as long as they are for this version.
5576
Jen Simmons @jensimmons.bsky.social · 18/09/2026
Nov 11, 2025. In Safari 26.2. That’s almost two years ago. webkit.org/blog/17285/r...
webkit.org
Rolling the Dice with CSS random()
Random functions in programming languages are amazing.
151
Reposted by Jen Simmons
Jen Simmons @jensimmons.bsky.social · 16/09/2026
Previous default UA styling for Customizable select on the left. Current default UA styling in Safari 27.0. Thoughts? We just really wanted to give web developers a better starting place. 30 years of struggling to style form controls is enough.
Default look & feel of two drop-down menus, with and without groups of options. On the left, the original design from the CSS Working Group, in Chrome. On the left, what Safari 27.0 shipped, which is working it's way through the Working Group now.
151096
Jen Simmons @jensimmons.bsky.social · 16/09/2026
*Current default UA styling in Safari 27.0 on the right!
0100
Jen Simmons @jensimmons.bsky.social · 16/09/2026
Previous default UA styling for Customizable select on the left. Current default UA styling in Safari 27.0. Thoughts? We just really wanted to give web developers a better starting place. 30 years of struggling to style form controls is enough.
Default look & feel of two drop-down menus, with and without groups of options. On the left, the original design from the CSS Working Group, in Chrome. On the left, what Safari 27.0 shipped, which is working it's way through the Working Group now.
151096
Jen Simmons @jensimmons.bsky.social · 09/09/2026
As a web designer or developer, what questions do you have about iPhone Duo?
9227
Jen Simmons @jensimmons.bsky.social · 02/09/2026
If you don’t mind, I’d love it if either/both of you could go to feedbackassistant.apple.com or use the Feedback app and file a bug. That would help us by sending along info about what’s happening. Reply with the FB numbers. Truly, thank you.
assistant.apple.com
110
Jen Simmons @jensimmons.bsky.social · 31/08/2026
Which content blockers are you using?
000
Jen Simmons @jensimmons.bsky.social · 05/08/2026
This: www.tiktok.com/t/ZP8n65uCK/
tiktok.com
We cannot stand for this Covid rewriting they are trying to do.
TikTok video by Mayte Lisbeth
020
Jen Simmons @jensimmons.bsky.social · 03/08/2026
It’s especially a cluster eff when media in NYC insists on deeply mourning 9/11 at 19, 21, 22, 23 years after, DURING a HORRIBLE pandemic. With bodies stacked in trucks. People getting zero medical help. Or dying in tents. People STILL have not recovered. Ignored. Abandoned. Banished. But oh 9/11…
1180
Reposted by Jen Simmons
Saron Yitbarek @saron.bsky.social · 09/07/2026
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 👉🏽
051
Reposted by Jen Simmons
Saron Yitbarek @saron.bsky.social · 01/07/2026
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 ❤️
webkit.org
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...
710722
Reposted by Jen Simmons
The Sick Times @thesicktimes.org · 27/06/2026
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_...



A black background with hot pink text and black and white photos of performers ​Khalil Dennis (Host), ​Taipei Queen, King Lotus Boy, ​Katie Drackert, ​Mondo Millions, ​and Hugo Joan Rose. The text reads, “Virtual Pride with The Sick Times. June 30. 8 PM ET. 5 PM PT.”
08845
Reposted by Jen Simmons
Jeff Bridgforth @jeffbridgforth.com · 18/06/2026
This is a great introduction to Grid Lanes. I love how it works well with what we already know about CSS Grid.
0121
Jen Simmons @jensimmons.bsky.social · 18/06/2026
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
youtube.com
WWDC26: Safari and Web Technologies Group Lab | Apple
YouTube video by Apple Developer
10300
Jen Simmons @jensimmons.bsky.social · 18/06/2026
Sadly, yes. We wrote a whole article about the fallback options to help: webkit.org/blog/17758/w...
webkit.org
When will CSS Grid Lanes arrive? How long until we can use it?
Anytime an exciting new web technology starts to land in browsers, developers want to know “when in the world am I going to be able to use this?” Currently, the finalized syntax for Grid Lanes is avai...
120
Jen Simmons @jensimmons.bsky.social · 18/06/2026
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...
youtube.com
WWDC26: What’s new in WebKit for Safari 27 | Apple
YouTube video by Apple Developer
9632
Jen Simmons @jensimmons.bsky.social · 18/06/2026
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
youtube.com
WWDC26: Learn CSS Grid Lanes | Apple
YouTube video by Apple Developer
3330
Jen Simmons @jensimmons.bsky.social · 18/06/2026
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
youtube.com
WWDC26: Rediscover the HTML select element | Apple
YouTube video by Apple Developer
081
Jen Simmons @jensimmons.bsky.social · 18/06/2026
Check out all of our WWDC26 videos focused on Safari & Web at www.youtube.com/playlist?lis... #css #html #webdev
youtube.com
WWDC26: Safari & Web - YouTube
Explore Safari and web technologies in these WWDC26 sessions.
060
Reposted by Jen Simmons
Mia [data-css=poetic] @miriam.codes · 16/06/2026
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...
youtube.com
Grid Lanes: the Future of Masonry Layout
YouTube video by Winging It
1187
Reposted by Jen Simmons
Libby Brown @trubludevil.social · 16/06/2026
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
A capture of the Identiverse keynote presentation with Ricky Mondello, his simple slide says “Replace passwords as the default credential on the web”
1202
Reposted by Jen Simmons
Saron Yitbarek @saron.bsky.social · 16/06/2026
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:
webkit.org
The golden rule of Customizable Select
Customizable select is coming to Safari 27.
15318
Reposted by Jen Simmons
Saron Yitbarek @saron.bsky.social · 15/06/2026
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...
webkit.org
The golden rule of Customizable Select
Customizable select is coming to Safari 27.
1338
Reposted by Jen Simmons
Jason Grigsby @gri.gs · 15/06/2026
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...
cloudfour.com
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.
22311
Reposted by Jen Simmons
Amir R Muntasser @arkmuntasser.com · 14/06/2026
WebKit team crushed it this year!
071