Clik here to view.
Polishing your typography with line height units
It’s been possible to create gorgeous layouts on the web for decades, but often refining the details to perfection can take a lot of effort. Arguably too much effort, and developers just don’t have the...
View ArticleRelease Notes for Safari Technology Preview 218
Safari Technology Preview Release 218 is now available for download for macOS Sequoia and macOS Sonoma. If you already have Safari Technology Preview installed, you can update it in System Settings...
View ArticleClik here to view.
Easier layout with margin-trim
If you write a lot of CSS, you are familiar with those moments when you aren’t quite sure how to accomplish what you want to accomplish. Usually, you’ll turn to tutorials or documentation, and learn...
View ArticleClik here to view.
Add wide gamut P3 and alpha transparency to your color picker in HTML
Since the beginning, the web was always interactive. HTML form controls let users create content, upload information and interact with other users and services. Several years ago, our team worked to...
View ArticleWebKit Features in Safari 18.5
Safari 18.5 is here, with Declarative Web Push on macOS and more. After the massive set of new WebKit features and fixes in Safari 18.4, this release is far more modest. It includes bug fixes and...
View ArticleClik here to view.
How to have the browser pick a contrasting color in CSS
Have you ever wished you could write simple CSS to declare a color, and then have the browser figure out whether black or white should be paired with that color? Well, now you can, with...
View ArticleRelease Notes for Safari Technology Preview 219
Safari Technology Preview Release 219 is now available for download for macOS Sequoia and macOS Sonoma. If you already have Safari Technology Preview installed, you can update it in System Settings...
View ArticleTwo lines of Cross-Document View Transitions code you can use on every...
Arguably, the most profound thing about the web is the ability to link one page to another. Click or tap a link, and another webpage opens in the browser window. Click again, and there’s another web...
View ArticleRelease Notes for Safari Technology Preview 220
Safari Technology Preview Release 220 is now available for download for macOS Sequoia and macOS Sonoma. If you already have Safari Technology Preview installed, you can update it in System Settings...
View ArticleShop Talk Show episode 667
Check out this week’s episode of Shop Talk Show where we appeared to talk about Declarative Web Push, the future of form control styling, color contrast algorithms, accessibility standards,...
View ArticleClik here to view.
Web technology videos at WWDC25
It’s time for WWDC25! Today brings announcements of the new web technology coming to Safari on iOS, iPadOS, macOS and in visionOS. Read our in-depth article, News from WWDC25: Web technology coming...
View ArticleClik here to view.
News from WWDC25: WebKit in Safari 26 beta
Welcome to WWDC25! We’ve got lots of exciting announcements about web technology to share with you this week. Don’t miss our seven sessions, including What’s new in Safari and WebKit. Today brings the...
View ArticleRelease Notes for Safari Technology Preview 221
Safari Technology Preview Release 221 is now available for download for macOS Tahoe and macOS Sequoia. If you already have Safari Technology Preview installed, you can update it in System Settings...
View Article