CSS Nesting and the Cascade

CSS Nesting and the Cascade

You might have noticed that Safari Technology Preview 179 includes an update to CSS Nesting that adds support for the new “relaxed parsing behavior”.

Read more

Try out CSS Nesting today

Try out CSS Nesting today

Back in December, we wrote an article detailing three different options for CSS Nesting.

Read more

Help choose the syntax for CSS Nesting

Help choose the syntax for CSS Nesting

The CSS Working Group is continuing a debate over the best way to define nesting in CSS.

Read more

Using :has() as a CSS Parent Selector and much more

Using :has() as a CSS Parent Selector and much more

It’s been a long-standing dream of front-end developers to have a way to apply CSS to an element based on what’s happening inside that element.

Read more

Customizing Color Fonts on the Web

Customizing Color Fonts on the Web

Color fonts provide a way to add richness to your designs without sacrificing any of the many benefits of using plain text.

Read more

The Focus-Indicated Pseudo-class :focus-visible

The Focus-Indicated Pseudo-class :focus-visible

The “focus indicator”, as its name suggests, visually indicates (often with a kind of an outline) that an element has focus.

Read more

Wide Gamut 2D Graphics using HTML Canvas

Wide Gamut 2D Graphics using HTML Canvas

Support for creating 2D canvases with Display P3 backing stores has been added to WebKit.

Read more

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