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.