How to have the browser pick a contrasting color in CSS

How to have the browser pick a contrasting color in CSS

Have you ever wished you could write simple CSS to declare a color, and then have the browser figure out whether black or white should be paired with that color?

Read more

WebKit Features in Safari 18.5

WebKit Features in Safari 18.5

Safari 18.5 is here, with Declarative Web Push on macOS and more.

Read more

Add wide gamut P3 and alpha transparency to your color picker in HTML

Add wide gamut P3 and alpha transparency to your color picker in HTML

Now HTML lets you create a color picker for wide gamut P3 color and for alpha transparency with two new attributes: <input type=”color” colorspace=”display-p3″ alpha>, available today in Safari 18.4.

Read more

Easier layout with margin-trim

Easier layout with margin-trim

If you write a lot of CSS, you are familiar with those moments when you aren’t quite sure how to accomplish what you want to accomplish.

Read more

Polishing your typography with line height units

Polishing your typography with line height units

Learn how to use line-height units when setting paragraph margins — creating vertical rhythm in your text.

Read more

Better typography with text-wrap pretty

Better typography with text-wrap pretty

Support for text-wrap: pretty just shipped in Safari Technology Preview, bringing an unprecedented level of polish to typography on the web.

Read more

Item Flow, Part 1:
A new unified concept for layout

Item Flow, Part 1:
A new unified concept for layout

CSS Grid and Flexbox brought incredible layout tools to the web, but they don’t yet do everything a designer might want.

Read more

Announcing Interop 2025

Announcing Interop 2025

Exciting news for web developers, designers, and browser enthusiasts alike — Interop 2025 is here, continuing the mission of improving cross-browser interoperability.

Read more

WebKit Features in Safari 18.3

WebKit Features in Safari 18.3

Today marks the arrival of Safari 18.3.

Read more

The success of Interop 2024!

The success of Interop 2024!

With close of 2024 came the end of another year of the Interop project — the annual collaboration between browser engine teams to improve the interoperability of web technology by collectively focusing on fixing bugs and improving features in specific areas.

Read more

WebKit Features in Safari 18.2

WebKit Features in Safari 18.2

Today marks the arrival of Safari 18.2.

Read more

Make creative borders with background-clip border-area

Make creative borders with background-clip border-area

How’d you like to use CSS to easily create a border from an image or gradient?

Read more