The five best design links, every weekday

Domain: webkit.org

webkit.org

Help us invent CSS Grid Level 3, aka “Masonry” layout

If you’ve been making websites for years, you know how frustrating it was to lay out a web page with CSS floats.

webkit.org

Speedometer 3.0: The Best Way Yet to Measure Browser Performance

Apple’s WebKit team is excited to introduce Speedometer 3.0, a major update that better reflects the Web of today.

webkit.org

Implementing Vertical Form Controls

Safari 17.4 adds vertical writing mode support for form control elements across macOS, iOS, iPadOS, and visionOS.

webkit.org

An HTML Switch Control

We’re very excited to introduce a new HTML form control as part of Safari 17.4: a switch.

webkit.org

The web just gets better with Interop 2024

The Interop project aims to improve interoperability by encouraging browser engine teams to look deeper into specific focus areas.

webkit.org

WebKit Features in Safari 17.2

Web technology is constantly moving forward, with both big new features and small subtle adjustments.

webkit.org

Get ready for Interop 2024

The primary strength of the web is that it works everywhere.

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