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?
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.
Polishing your typography with line height units
Learn how to use line-height units when setting paragraph margins — creating vertical rhythm in your text.
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.
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?
Help us choose the final syntax for Masonry in CSS
Back in April 2024, we wrote about “Masonry” layout in CSS and the ongoing work to bring this feature to browsers.
Help us invent CSS Grid Level 3, aka “Masonry” layout
UPDATE October 2024: Since this article was published, members of the CSS Working Group have concluded that all of the grid abilities described here — variable-width tracks, explicit placement, spanning, and subgrids — are worth including in masonry layout, and are possible to implement performantly.
Implementing Vertical Form Controls
Safari 17.4 adds vertical writing mode support for form control elements across macOS, iOS, iPadOS, and visionOS.
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”.
Try out CSS Nesting today
Back in December, we wrote an article detailing three different options for CSS Nesting.