Tessera
Folgen

Jon Davis

@jondavis.bsky.social

Web Technologies Evangelist for the Safari & WebKit teams at 

32 Posts467 Follower71 Folgt
Brandel Zachernuk@zachernuk.bsky.social · 2mo ago

Safari on macOS and iOS 27 have joined visionOS in having full support for the HTML <model> element! 🫖 I am so excited for everyone to play with it. We go into the details about how it works and what to expect in our excellent session here: developer.apple.com/videos/play/...

Get started with the HTML Model Element - WWDC26 - Videos - Apple Developer

Learn how the model element brings interactive 3D content to your websites — now on iOS, iPadOS, macOS, and visionOS. Discover tools for...

developer.apple.com

Jen Simmons@jensimmons.bsky.social · 2mo ago

Interested in CSS Grid Lanes? We just launched the Field Guide to Grid Lanes! gridlanes.webkit.org It’s got everything you need in a fun interactive playground + tons of demos. (And read about the Field Guide at: webkit.org/blog/18098/i...) #CSSDay #wwdc26 #CSS

The Field Guide to CSS Grid Lanes

Learn Grid Lanes to create masonry layouts in pure CSS. Absorb the possibilities with the Field Guide’s interactive playground. Return to the cheat sheet. Get inspired by six real examples with dozens...

gridlanes.webkit.org

Jon Davis@jondavis.bsky.social · 10mo ago

The Digital Credentials API is transforming online identity verification. Instead of uploading photos of IDs, users can now securely share verified credentials directly from their digital wallet. You can read up on the API and security best practices here: webkit.org/blog/17431/o...

Online Identity Verification with the Digital Credentials API

The rise of e-commerce in the past decade changed the way customers interact with businesses online, leading to new innovations and improved user experiences.

webkit.org

Jen Simmons@jensimmons.bsky.social · last yr.

Have you ever tried using color contrast tools backed by the WCAG 2 contrast algorithm (probably didn’t realize) — and then wonder “WHY IN THE WORLD DOES BLACK ON MEDIUM BLUE PASS WHILE WHITE ON MEDIUM BLUE FAILS?” You aren’t the only one. Learn what’s going on: webkit.org/blog/16929/c...

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?

webkit.org

Jen Simmons@jensimmons.bsky.social · last yr.

Have you ever wished the browser would look at a background color and pick black or white for the text — whichever one provides more contrast? Now, the `constrast-color()` function in CSS does just that. webkit.org/blog/16929/c...

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?

webkit.org

Jen Simmons@jensimmons.bsky.social · last yr.

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.org/blog/16547/b...

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.

webkit.org

Jen Simmons@jensimmons.bsky.social · last yr.

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.org/blog/16587/i...

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.

webkit.org