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

Using the System Font in Web Content

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.

Read more

Improved Support for Images on High-Resolution Displays

Improved Support for Images on High-Resolution Displays

WebKit now supports the srcset attribute on image elements to specify higher-quality images for your users.

Read more

CSS3 Gradients

CSS3 Gradients

Introduction WebKit paved the way for gradients in CSS by adding support for -webkit-gradient back in early 2008, and they’ve become widely used since their introduction.

Read more

3D Transforms

3D Transforms

WebKit on Mac OS X now has support for CSS 3D transforms, which allow you to position elements on the page in three-dimensional space using CSS.

Read more