Hey, let me write about this new CSS property, I said. It'll be easy, I said. It's such a simply property… oh wait, what? Why does this demo not seem to work? Oh it does work. But the thing underneath it is flawed? Everyone agrees it needs to be better. People have been working on it for YEARS? Oh. Ok I'll explain that. And just get a few people to review this… wait, what else? Ok add an entire new section. Oh. Rewrite all this? Weeks later… Ok, I'll rewrite this whole section again… And this…

Using the color picker in HTML for your website? Did you realize it’s been limited to sRGB? Well, no longer. In Safari, now you can use two new attributes to support P3 color and alpha transparency.

WebKit

Add wide gamut P3 and alpha transparency to your color picker in HTML

Now HTML lets you create a color picker for wide gamut P3 color and for alpha transparency with two new attributes: <input type="color" colorspace=...

If you write code to make websites (HTML, CSS, JS, Web API, Media files, etc), and you get frustrated trying to wrangle your code to work in Safari, which bugs are blocking you? Which existing features would you most like to see improved? If you got a chance to order priorities, what bug fixing effort would you put at the top of the list?

Does anyone have any example of websites that are using SVG for their icons? Just plain icons? Does anyone make responsive icons? Light/dark icons? How important is this to you? Would you rely on it if it were more deeply supported?

Make websites? Are you reading webkit.org? We published 6 articles in the last 5 weeks — aiming for at least one a week from now on. Teaching you all about new technology, proposals for the future, and what’s coming in Safari. • lh units • shape() • text-wrap: pretty • Safari 18.4 • Item Flow • Declarative Web Push Plus release notes for Safari Technology Preview every other week. What should we write about next?

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

WebKit

Item Flow, Part 1: A new unified concept for layout

CSS Grid and Flexbox brought incredible layout tools to the web, but they don’t yet do everything a designer might want.

Web Push is exciting. But it requires service workers and a bunch of custom code that can be different from project to project. How about instead we standardize on using JSON & leave JavaScript out of it! Meet Declarative Web Push. Available in iOS and iPadOS 18.4 beta.

WebKit

Meet Declarative Web Push

Web Push notifications are a powerful and important part of the web platform.

There it is! Finally, a real solution for how to style all of the HTML form controls using your own custom CSS to change anything — building on an interoperable UA set of defaults. It only took 30 years! First will be the chance to style the “in-page” controls (the part embedded in the webpage), plus the popover for <select> (the part that appears “over top of” the page). Later we’ll do popovers for more things — like the date picker, etc. Read about it here:

CSS Form Control Styling Module Level 1

Safari Technology Preview 215 is here! It includes several exciting features: - Scroll Driven Animations - text-wrap-style: pretty - CSS Anchor Positioning - HDR images - Trusted Types - File System WritableStream API

WebKit

Release Notes for Safari Technology Preview 215

Safari Technology Preview Release 215 is now available for download for macOS Sequoia and macOS Sonoma.