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.
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.
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.
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.
Styling Scrollbars
WebKit now supports styling of the scrollbars in overflow sections, listboxes, dropdown menus and textareas.