Dark Mode Support in WebKit
With the introduction of Dark Mode in macOS Mojave last year, web developers have been asking for support in Safari to style web content that matches the system appearance.
Designing Websites for iPhone X
The section below about safe area insets was updated on Oct 31, 2017 to reflect changes in the iOS 11.2 beta.
Responsive Design for Motion
WebKit now supports the prefers-reduced-motion media feature, part of CSS Media Queries Level 5, User Preferences.
A New Layout Module for the Web
CSS Grid Layout:
A New Layout Module for the Web
CSS Grid Layout allows users to very easily create two-dimensional layouts on the Web.
Variable Fonts on the Web
Variable fonts can expose any number of axes, each controlling a different aspect of the font.
Improving Color on the Web
The past few years have seen a dramatic improvement in display technology.
CSS Variables in WebKit
Learn how CSS Variables helped reduce code complexity in Web Inspector for inspiration on how to make the most of them in your projects.
CSS Font Features
Font features are a way to enable advanced text styles and effects as designed by the font author.
Scroll Snapping with CSS Snap Points
WebKit now supports paginated scrolling through CSS Snap Points — making sophisticated paginated scrolling a snap.
Complex CSS Selectors Inside Selectors
WebKit supports many selectors defined in the draft of CSS Selectors Level 4 — like matches(), not(), nth-child(…of…) and nth-last-child(…of…).
Introducing Backdrop Filters
The proposed backdrop-filter property adds a feature that designers have been demanding for some time — allowing for beautiful blur effects.
Using the System Font in Web Content
On iOS 9 and OS X El Capitan, specifying “font-family: -apple-system” allows you to use Apple’s new system font: San Francisco.