Jen Simmons

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.

https://webkit.org/blog/17938/webkit-features-for-safari-26-5/

Safari 26.5 beta is out! Includes:
• `:open` pseudo-class for ``, ``, ``, and `` elements
• `color-interpolation` attribute on SVG gradients, enabling `linearRGB` color spaces
• `source` property on `ToggleEvent`
• Origin API

https://developer.apple.com/documentation/safari-release-notes/safari-26_5-release-notes

Safari 26.4 is here!
https://webkit.org/blog/17862/webkit-features-for-safari-26-4/

Grid Lanes. WebTransport. Keyboard Lock API. And _tons_ of fixes & improvements. Please read the introduction to our article to learn what we’ve been up to…

Did you see what’s in Safari Technology Preview 238?!
* Customizable ``
* Scroll anchoring
* The `:open` pseudo-class
* Threaded animations
* JSPI for WebAssembly

and more — including fixes for SVG, tables, WebRTC…

https://webkit.org/blog/17848/release-notes-for-safari-technology-preview-238/

Interop 2026 launches today! If you want know on what it includes and what it means for web development — our article provides all the details. https://webkit.org/blog/17818/announcing-interop-2026/

Focus areas include Anchor Positioning, Style Queries, `contrast-color()`, WebTransport and much, much more.

#interop2026 #css #webdev #html #javascript

Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!

https://webkit.org/blog/17660/introducing-css-grid-lanes/

Web developers and designers,

If you had a chance to instantly learn something about web technology — tech that already shipped, maybe even long time ago — what would you want to learn?

What’s still confusing?
What just doesn’t make sense?
Or what’s something you just haven’t had time to master yet??

Could even be something small — like “why does this one CSS value work like this?!”

Largest Contentful Paint (from Core Web Vitals) is now available in Safari Technology Preview.

https://webkit.org/blog/17504/release-notes-for-safari-technology-preview-230/

Did you know that on macOS, you can update just to Safari 26, while remaining on macOS 15 Sequoia or even macOS 14 Sonoma?

Go to  > System Settings > General > Software Update. Under “Also Available” you’ll find Safari listed. Click “Update Now”.

Safari 26 is here!!! Anchor Positioning, Scroll-driven animations, High Dynamic Range images, the new HTML element, the all-new Digital Credentials API, SVG icon support, WebGPU, WebKit in SwiftUI, every site can be a web app on iOS and iPadOS, and much more.

https://webkit.org/blog/17333/webkit-features-in-safari-26-0/

Over the years, I’ve heard a lot of developers & other people wish that uBlock Origin was available for Safari. Now it is! Download for Safari 18.6 and Safari 26 beta.

https://apps.apple.com/app/ublock-origin-lite/id6745342698

If you code websites, then you KNOW how it’s been to style form controls.

Watch this #cssday talk from @ntim.bsky.social to learn why it’s been so hard, and how we are going to fix it for the future.

https://www.youtube.com/watch?v=WgSiqSqxTxw

#css #webdev #formcontrols

Safari 26 beta!

https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/

Did you know that this kind of thing happens all the time — Browser 1 is popular. It implements A Cool Feature a certain way. Developers think that's correct, because it's what most users have. Browser 2 follows the web standard & implements according to the agreed-upon spec. But it's different Browser 1. And web developers make their site work in Browser 1. And so it doesn't really work correctly in Browser 2. And developers get frustrated, and blame Browser 2.

But it's Browser 1 that's wrong.

Are you excited for masonry layouts in CSS? Wondering what’s happening?

Well, a third option is emerging. One that unifies the `flex-flow` and `grid-auto-flow` properties into a whole new mechanism — Item Flow.

Learn what it is, and what it means for Flexbox and Grid in https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/

I’ve now heard two web developer podcasts state as if it’s fact that only Chrome supports `@scope`.

Nope. Safari shipped support a year ago in Safari 17.4.

https://caniuse.com/css-cascade-scope
If a feature falls in the forest, but everyone just assumes a browser doesn’t have support, does it make a sound?

Cross-document View Transitions shipped in Safari Technology Preview 204 today. Also, try out `line-clamp`. And Cookie Store API. Plus `icon_variants` for Web Extensions.

https://webkit.org/blog/15978/release-notes-for-safari-technology-preview-204/

It’s hard to express just how massive a release Safari 16.4 is for web developers.

Last night, I was reading replies web developers posted on Twitter back in 2021, when I asked what developers need most from WebKit — and the vast majority of things you asked for have now shipped.

What is your favorite feature that just shipped in Safari 16.4?? What will you do with it?

https://webkit.org/blog/13966/webkit-features-in-safari-16-4/

Every news outlet should stand up a Mastondon instance for their reporters & staff.

It’ll be great to see GivennameFamilyname@mastodon.famousnewspaper.com or whatever domain they want to use.

Built in verification. Every reporter for the Washington Post on a washpo domain. Every reporter for the New York Times on an NYTimes domain. Etc, etc.

Plus the “local” feed for each instance becomes a feed of all the posts from that institution mixed together — providing extra discovery.