The web developer’s toolkit
June 7, 2021
Whether you develop for the web or incorporate web content in your app, there’s a lot to like about the latest features in Safari and WebKit. Explore how you can make your web content more productive and expressive with new CSS form controls, features like Visual Intelligence, and more.
We’ll also take you through improvements to web development tooling like Web Inspector, help you build Safari Web Extensions for iOS, and show you how to support SharePlay experiences on the web.
Design for Safari 15
Meet Safari 15: redesigned and ready to help people explore the web. Discover how you can approach designing websites and apps for Safari, and learn how to incorporate the tab bar in your designs. We’ll also take you through features like Live Text and accessibility best practices, explore the latest updates to CSS and Form Controls, and learn how to use the aspect-ratio property in CSS to create incredible websites.
Meet Safari Web Extensions on iOS
Explore Safari Web Extension improvements
Learn how you can extend Safari’s functionality with Safari Web Extensions. We’ll introduce you to the latest WebExtension APIs, explore non-persistent background page support — a particularly relevant topic if you’re developing for iOS — and discover how you can use the Declarative Net Request WebExtensions API to block content on the web. Finally, we’ll show you how to customize tabs in Safari 15.
Discover Web Inspector improvements
Web Inspector provides the tools for you to understand and debug your web pages on macOS, iOS, and iPadOS. We’ll take you through the latest features and improvements to Web Inspector, including a new overlay for inspecting CSS Grid containers on your pages, even more configurable breakpoints to make debugging simpler, and the ability to create and edit Audits.
Explore WKWebView additions
Develop advanced web content
Meet privacy-preserving ad attribution
Discover how you can measure your ad campaigns in apps and on the web without compromising people's privacy. We'll introduce you to Private Click Measurement and explore SKAdNetwork, which provides you with a more secure, private, and useful way to measure your app installs.
Coordinate media playback in Safari with Group Activities
Create SharePlay experiences that people can enjoy on the web and in your companion app. Learn how you can use the GroupActivities framework in combination with a companion website to bring SharePlay to Safari, letting people connect with each other for enjoyable group interactions — even if they haven’t yet downloaded your app from the App Store.