The five best design links, every weekday

Domain: webkit.org

webkit.org

WebKit Features in Safari 17.0

Safari 17.0 is currently available as a public beta, and will be released on September 26th.

webkit.org

Badging for Home Screen Web Apps

WebKit now includes support for the W3C’s Badging API allowing you to badge the icon of a web app.

webkit.org

WebKit Features in Safari 16.4

Today, we’re thrilled to tell you about the many additions to WebKit that are included in Safari 16.4.

webkit.org

Try out CSS Nesting today

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

webkit.org

Web Push for Web Apps on iOS and iPadOS

With iOS and iPadOS 16.4 beta 1 comes support for Web Push for Home Screen web apps, Badging API, Manifest ID, and more.

webkit.org

Help choose the syntax for CSS Nesting

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

webkit.org

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.

webkit.org

Meet Web Push

Websites have many reasons to notify their users of time-sensitive or high-priority events, even if the user does not currently have the site open.

webkit.org

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.

webkit.org

Designing Websites for iPhone X

Out of the box, Safari displays your existing websites beautifully on the edge-to-edge display of the new iPhone X.

webkit.org

Improving Color on the Web

The past few years have seen a dramatic improvement in display technology. First it was the upgrade to higher-resolution screens, starting with mobile devices and then desktops and laptops. Web developers had to understand high-DPI and know how to implement page designs that used this extra resolution.

webkit.org

Updating Our Prefixing Policy

webkit.org

Improved support for high-resolution displays with the srcset image attribute