If you use `lh` units in your CSS, you can start to establish vertical rhythm in your web designs. Learn how in this short & easy tutorial.
WebKit
Polishing your typography with line height units
Learn how to use line-height units when setting paragraph margins — creating vertical rhythm in your text.
I’m super excited about `text-wrap: pretty`. It does a lot more to improve typography than you might expect — at least in Safari Technology Preview 216. It improves all lines of text, not just the last 4. It enhances hyphenation & rag, not just avoiding short last lines.
WebKit
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.
 image
Today brings 84 new features in Safari 18.4! • Declarative Web Push • Screen Wake Lock API for Home Screen Web Apps • Viewport presets in Responsive Design Mode • Ogg Opus & Vorbis • Image Capture API • WebM support in MediaRecorder • `view-transition-name: match-element` • `::details-content` • `sideways-rl` & `sideways-lr` • `shape()`dialog.requestClose() • JavaScript Iterators • CHIPS • new Web Extension APIs • alpha & transparency in color picker and a LOT more!
WebKit
WebKit Features in Safari 18.4
Safari 18.4 is here!
Does it bug you that Flexbox always ends up with a very few items in the last row, stretched out extra wide? What if the layout was balanced kinda like `text-wrap`, using: ``` item-pack: balance; ``` Learn more about this idea, and much more:
WebKit
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.
 image
Are you excited for masonry layouts in CSS? Wondering what’s happening? Well, a third option is emerging. One that unifies the `flex-flow` and `grid-auto-flow` properties into a whole new mechanism — Item Flow. Learn what it is, and what it means for Flexbox and Grid in
WebKit
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.
 image