iiinova — where your digital self keeps evolving

Reposted by Abrar Rahman Protyasha

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.

12246

Reposted by Abrar Rahman Protyasha

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.

1253

Reposted by Abrar Rahman Protyasha

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.

151086

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 09/09/2026

As a web designer or developer, what questions do you have about iPhone Duo?

9217

Reposted by Abrar Rahman Protyasha

Saron Yitbarek @saron.bsky.social · 10/07/2026

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...

codepen.io

CSS light-dark(<image>, <image>)

...

1347

Reposted by Abrar Rahman Protyasha

Saron Yitbarek @saron.bsky.social · 08/07/2026

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...

codepen.io

CSS light-dark(<image>, <image>)

...

091

Reposted by Abrar Rahman Protyasha

Saron Yitbarek @saron.bsky.social · 07/07/2026

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...

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…

2102

Abrar Rahman Protyasha @aprotyas.bsky.social · 01/07/2026

📣📣📣 Safari MCP, the newest addition to your AI toolset

010

Reposted by Abrar Rahman Protyasha

Saron Yitbarek @saron.bsky.social · 30/06/2026

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

1172

Abrar Rahman Protyasha @aprotyas.bsky.social · 24/06/2026

"Sounds like it’s a bit of a Snow Leopard year for WebKit, too, not just the OSes." daringfireball.net/linked/2026/...

daringfireball.net

WebKit in Safari 27 Beta

Link to: https://webkit.org/blog/17967/news-from-wwdc26-webkit-in-safari-27-beta/

000

Reposted by Abrar Rahman Protyasha

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 Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 10/06/2026

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...

youtube.com

WWDC26: Safari and Web Technologies Group Lab | Apple

YouTube video by Apple Developer

2146

Reposted by Abrar Rahman Protyasha

Jon Davis @jondavis.bsky.social · 10/06/2026

In one hour the Spatial Web Q&A goes live on the Apple Developer Forums. If you're working on web content for visionOS, WebXR, HTML Model Element, immersive web environments, this is your chance to get answers directly from Apple engineers. #wwdc26 developer.apple.com/forums/activ...

Spatial Web Q&A
Connect with Apple engineers in the Spatial Web Q&A on the Apple Developer Forums.
June 10, 2026 | 9:00 AM - 11:00 AM (PDT)
Register now >

022

Abrar Rahman Protyasha @aprotyas.bsky.social · 10/06/2026

Lots of great work done by the department!

030

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 10/06/2026

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

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...

814230

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 08/06/2026

What web technology is coming in Safari 27.0? Find out here. webkit.org/blog/17967/n...

webkit.org

News from WWDC26: WebKit in Safari 27 beta

Safari 27 beta is here.

68012

Reposted by Abrar Rahman Protyasha

Ryosuke Niwa @rniwa.bsky.social · 30/05/2026

Safer C++ effort in WebKit is really pushing the boundary of what's possible in C++: github.com/WebKit/WebKi... We're utilizing clang compiler warnings and custom static analyzers to enforce these rules in our CI and pre-merge checks.

github.com

Safer CPP Guidelines

Home of the WebKit project, the browser engine used by Safari, Mail, App Store and many other applications on macOS, iOS and Linux. - WebKit/WebKit

031

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 11/05/2026

Safari 26.5 is here! It includes the :open pseudo-class, the element-scoped keyword for random(), color-interpolation for SVG gradients, the ToggleEvent.source property for popovers, and the Origin API. And a ton of polish and fixes. webkit.org/blog/17938/w...

webkit.org

WebKit Features for Safari 26.5

Safari 26.5 is here, delivering the :open pseudo-class, the element-scoped keyword for random(), color-interpolation for SVG gradients, the ToggleEvent.source property for popovers, and the Origin API...

1010112

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 04/04/2026

Safari 26.5 beta is out! Includes: • `:open` pseudo-class for `<details>`, `<dialog>`, `<select>`, and `<input>` elements • `color-interpolation` attribute on SVG gradients, enabling `linearRGB` color spaces • `source` property on `ToggleEvent` • Origin API developer.apple.com/documentatio...

developer.apple.com

Safari 26.5 Beta Release Notes | Apple Developer Documentation

Released March 30, 2026 — 26.5 beta (20624.2.1)

2606

Reposted by Abrar Rahman Protyasha

Niels Leenheer @html5test.com · 27/03/2026

CSS is DOOMed! I've build DOOM in CSS and every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms. cssdoom.wtf Try it out! But... not every browser can handle it. This is taking the browser to its limit. Chrome has some issues. Safari too. Bugs will be filed.

cssdoom.wtf

cssDOOM

DOOM rendered entirely in CSS. Every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms.

29725276

Abrar Rahman Protyasha @aprotyas.bsky.social · 24/03/2026

Safari compact tabs are back 😌 Also, very many quality fixes -- my favorite kind of work.

0102

Abrar Rahman Protyasha @aprotyas.bsky.social · 22/03/2026

The great thing about <compiled-language> is that if your code compiles, it's correct!

010

Reposted by Abrar Rahman Protyasha

John Wilander @wilander.bsky.social · 13/03/2026

I'm hiring to the WebKit Privacy & Adtech team! Help us prevent online tracking/fingerprinting, and design+implement privacy-preserving alternatives for use in advertising. · Systems programming in C++ & Swift · Location: Cupertino · Work that feels good and important jobs.apple.com/en-us/detail...

jobs.apple.com

WebKit Privacy & Adtech Engineer - Jobs - Careers at Apple

Apply for a WebKit Privacy & Adtech Engineer job at Apple. Read about the role and find out if it’s right for you.

199

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 26/02/2026

Did you see what’s in Safari Technology Preview 238?! * Customizable <select> * Scroll anchoring * The :open pseudo-class * Threaded animations * JSPI for WebAssembly and more — including fixes for SVG, tables, WebRTC… webkit.org/blog/17848/r...

webkit.org

Release Notes for Safari Technology Preview 238

Safari Technology Preview Release 238 is now available for download for macOS Tahoe and macOS Sequoia.

58611

Reposted by Abrar Rahman Protyasha

Rebane @rebane2001.bsky.social · 24/02/2026

i built an entire x86 CPU emulator in CSS (no javascript) you can write programs in C, compile them to x86 machine code with GCC, and run them inside CSS lyra.horse/x86css/

1322610858

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 17/02/2026

Did you see? The first beta of Safari 26.4 is out today. What’s most exciting to you as a person making websites/apps? developer.apple.com/documentatio...

developer.apple.com

Safari 26.4 Beta Release Notes | Apple Developer Documentation

Released February 16, 2026 — 26.4 beta (20624.11.11)

10354

Reposted by Abrar Rahman Protyasha

Anne van Kesteren @annevk.nl · 27/01/2026

If you have existential feelings about the state of your software stack, just remember that on the web it’s completely undefined which element a mouse click returns.

3102

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 14/01/2026

Are you excited about CSS Grid Lanes? It can be tricky to fully understand how content order works in this layout. Safari Technology Preview 235 just landed a new Order Number tool in our Grid Inspector to quickly see what’s up. Especially helpful with `flow-tolerance`. webkit.org/blog/17746/n...

webkit.org

New Safari developer tools provide insight into CSS Grid Lanes

You might have heard recently that Safari Technology Preview 234 landed the final plan for supporting masonry-style layouts in CSS.

4596

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 20/12/2025

Did you see everything in Safari Technology Preview 234? webkit.org/blog/17674/r... It’s got a lot of new features including Grid Lanes, Threaded Scroll-driven Animations, seven new Web API, and more. Plus a TON of other improvements & fixes.

webkit.org

Release Notes for Safari Technology Preview 234

Safari Technology Preview Release 234 is now available for download for macOS Tahoe and macOS Sequoia.

2153

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 20/12/2025

More holiday cheer. For those of you asking about Safari’s “stable” Interop 2025 score…

Interop 2025 graph shows Safari jumping from 64 to 98 in one fell swoop, this week. The blue line goes almost straight up, jumping ahead of all the other browsers. And the interop score line goes right with it.

Overall scores: Chrome 95, Edge 96, Firefox 90, Safari 98.

713816

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 19/12/2025

Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays! webkit.org/blog/17660/i...

webkit.org

Introducing CSS Grid Lanes

It’s here!

1128071

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 16/12/2025

CSS `random()`, now in Safari 26.2. Play around with it while waiting for other browsers to ship.

3195

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 12/12/2025

Safari 26.2 is here with 65 features + 165 bug fixes — including field-sizing, Navigation API, Largest Contentful Paint, command & commandfor, CHIPS opt-in partitioned cookies, scrollend event, random(), WebGPU in WebXR, scrollbar-color, hidden=until-found and much more! webkit.org/blog/17640/w...

webkit.org

WebKit Features for Safari 26.2

Safari 26.2 is a big release.

1019537

Reposted by Abrar Rahman Protyasha

Saron Yitbarek @saron.bsky.social · 04/12/2025

Trying something new, a little bite-size post for you. This one's about ::target-text and styling text fragments ❤️ webkit.org/blog/17628/t...

webkit.org

::target-text: An easy way to style text fragments

You’re reading a great blog post.

0111

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 14/11/2025

The overall interoperability score for Interop 2025 has reached 92% test pass rate!! Looking good!

Screenshot of the scoreboard for Interop 2025. Scores are Interop 92, Chrome Canary 96, Edge Dev 96, Firefox Nightly 97, Safari Technology Preview 99. Also, the investigations are at 30% done.

1465

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 05/11/2025

Curious about web technology coming to Safari? How about field-sizing, position-visibility, random(), scrollbar-color, hidden=until-found, auto-expanding <details>, command & commandfor, Largest Contentful Paint, CHIPS, scrollend event, Navigation API & more! developer.apple.com/documentatio...

developer.apple.com

Safari 26.2 Beta Release Notes | Apple Developer Documentation

Released November 4, 2025 — 26.2 beta (20623.1.12)

5548

Abrar Rahman Protyasha @aprotyas.bsky.social · 03/11/2025

Safari 26.1 comes with many, many bug fixes! :)

0132

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 20/10/2025

Interop 2025 is looking good!

Screenshot of the dashboard. The overall interop test pass rate is 84%. Chrome Canary has a 94. Edge Dev 94. Firefox Nightly 92. And Safari Technology Preview 98.

3648

Abrar Rahman Protyasha @aprotyas.bsky.social · 19/10/2025

Just landed my 500th WebKit commit, time flies!

070

Reposted by Abrar Rahman Protyasha

Jen Simmons @jensimmons.bsky.social · 16/10/2025

Largest Contentful Paint (from Core Web Vitals) is now available in Safari Technology Preview. webkit.org/blog/17504/r...

webkit.org

Release Notes for Safari Technology Preview 230

Safari Technology Preview Release 230 is now available for download for macOS Tahoe and macOS Sequoia.

45112

Reposted by Abrar Rahman Protyasha

Jon Davis @jondavis.bsky.social · 03/10/2025

The Digital Credentials API is transforming online identity verification. Instead of uploading photos of IDs, users can now securely share verified credentials directly from their digital wallet. You can read up on the API and security best practices here: webkit.org/blog/17431/o...

webkit.org

Online Identity Verification with the Digital Credentials API

The rise of e-commerce in the past decade changed the way customers interact with businesses online, leading to new innovations and improved user experiences.

041

Reposted by Abrar Rahman Protyasha

Adrian Roselli, pH0 @aardrian.bsky.social · 02/10/2025

“A threat model for accessibility on the web” alice.boxhall.au/articles/a-t... A deep, well-researched & cited piece detailing systemic failures down the web stack (standards bodies, browsers vendors, etc) which marginalize #accessibility and its voices — but with proposed solutions. #a11y

alice.boxhall.au

A threat model for accessibility on the web - Alice

A explanation of the primary threat to accessibility on the web, and a call to action for the web standards community

06633

Reposted by Abrar Rahman Protyasha

Saron Yitbarek @saron.bsky.social · 29/09/2025

Wrote up a short post on a new position-area value we're considering, and would love to hear your thoughts on it. Which option do you prefer? webkit.org/blog/17417/p...

webkit.org

Position-area: Clear and explicit or short and sweet?

When I first learned anchor positioning, I built a demo to help me figure out how it all worked.

372