CSS Individual Transform Properties

CSS Individual Transform Properties

CSS Transforms appeared on the Web along with CSS Animations and CSS Transitions to add visual effects and motion on the Web.

Read more

Dark Mode Support in WebKit

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.

Read more

Designing Websites for iPhone X

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.

Read more

Responsive Design for Motion

Responsive Design for Motion

WebKit now supports the prefers-reduced-motion media feature, part of CSS Media Queries Level 5, User Preferences.

Read more

CSS Grid Layout:
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.

Read more

Variable Fonts on the Web

Variable Fonts on the Web

Variable fonts can expose any number of axes, each controlling a different aspect of the font.

Read more

Improving Color on the Web

Improving Color on the Web

The past few years have seen a dramatic improvement in display technology.

Read more

CSS Variables in WebKit

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.

Read more

CSS Font Features

CSS Font Features

Font features are a way to enable advanced text styles and effects as designed by the font author.

Read more

Scroll Snapping with CSS Snap Points

Scroll Snapping with CSS Snap Points

WebKit now supports paginated scrolling through CSS Snap Points — making sophisticated paginated scrolling a snap.

Read more

Complex CSS Selectors Inside Selectors

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…).

Read more

Introducing Backdrop Filters

Introducing Backdrop Filters

The proposed backdrop-filter property adds a feature that designers have been demanding for some time — allowing for beautiful blur effects.

Read more