Jon Davis
@jondavis.bsky.social
Web Technologies Evangelist for the Safari & WebKit teams at
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...
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
October 3, 2025 at 10:14 PM
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...
You can read up on the API and security best practices here:
webkit.org/blog/17431/o...
The WebKit team published "Rolling the Dice with CSS random()". CSS random() is a new function to generate random values for CSS properties opening up a huge range of possibilities for procedurally generated layouts. Learn more on the WebKit blog:
webkit.org/blog/17285/r...
webkit.org/blog/17285/r...
Rolling the Dice with CSS random()
Random functions in programming languages are amazing.
webkit.org
August 22, 2025 at 4:15 PM
The WebKit team published "Rolling the Dice with CSS random()". CSS random() is a new function to generate random values for CSS properties opening up a huge range of possibilities for procedurally generated layouts. Learn more on the WebKit blog:
webkit.org/blog/17285/r...
webkit.org/blog/17285/r...
Reposted by Jon Davis
New WebKit post! “A gentle introduction to anchor positioning” webkit.org/blog/17240/a...
A gentle introduction to anchor positioning
Anchor positioning allows you to place an element on the page based on where another element is.
webkit.org
August 14, 2025 at 5:21 PM
New WebKit post! “A gentle introduction to anchor positioning” webkit.org/blog/17240/a...
Reposted by Jon Davis
Now that my blog post got the thumbs up from @zeldman.bsky.social, I can die a happy evangelist 🥰
Check out my intro to scroll-driven animations, hope you like it too ❤️ webkit.org/blog/17101/a...
Check out my intro to scroll-driven animations, hope you like it too ❤️ webkit.org/blog/17101/a...
A guide to Scroll-driven Animations with just CSS
CSS animations have come a long way since Apple first introduced them to the web in 2007.
webkit.org
June 25, 2025 at 1:16 AM
Now that my blog post got the thumbs up from @zeldman.bsky.social, I can die a happy evangelist 🥰
Check out my intro to scroll-driven animations, hope you like it too ❤️ webkit.org/blog/17101/a...
Check out my intro to scroll-driven animations, hope you like it too ❤️ webkit.org/blog/17101/a...
Reposted by Jon Davis
Still a week left to take the State of CSS survey!
The survey hasn't got as many responses as last year, so any help sharing will be much appreciated :)
survey.devographics.com/en-US/survey...
The survey hasn't got as many responses as last year, so any help sharing will be much appreciated :)
survey.devographics.com/en-US/survey...
State of CSS 2025
Take the State of CSS survey
survey.devographics.com
June 25, 2025 at 6:39 AM
Still a week left to take the State of CSS survey!
The survey hasn't got as many responses as last year, so any help sharing will be much appreciated :)
survey.devographics.com/en-US/survey...
The survey hasn't got as many responses as last year, so any help sharing will be much appreciated :)
survey.devographics.com/en-US/survey...
Want to chat 1-on-1 with Safari and WebKit engineers during #WWDC25? Our teams are hosting labs this week — it’s your chance to ask questions, share feedback, and connect directly with the folks behind the browser.
developer.apple.com/wwdc25/sessi...
Hope to see you there!
developer.apple.com/wwdc25/sessi...
Hope to see you there!
Sessions & Labs - WWDC25 - Apple Developer
Learn about WWDC25 sessions, group labs, and one-on-one labs.
developer.apple.com
June 10, 2025 at 3:19 PM
Want to chat 1-on-1 with Safari and WebKit engineers during #WWDC25? Our teams are hosting labs this week — it’s your chance to ask questions, share feedback, and connect directly with the folks behind the browser.
developer.apple.com/wwdc25/sessi...
Hope to see you there!
developer.apple.com/wwdc25/sessi...
Hope to see you there!
Reposted by Jon Davis
Reposted by Jon Davis
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...
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
May 13, 2025 at 6:55 PM
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...
You aren’t the only one.
Learn what’s going on:
webkit.org/blog/16929/c...
Reposted by Jon Davis
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...
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
May 13, 2025 at 6:28 PM
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...
Now, the `constrast-color()` function in CSS does just that.
webkit.org/blog/16929/c...
Reposted by Jon Davis
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.org/blog/16831/l...
webkit.org/blog/16831/l...
Polishing your typography with line height units
See how to use line-height units when setting paragraph margins, and create vertical rhythm in your text.
webkit.org
April 24, 2025 at 7:02 PM
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.org/blog/16831/l...
webkit.org/blog/16831/l...
Say hello to responsive, adaptable shapes in CSS with the new shape() function!
Instead of static SVG paths in clip-path, shape() allows you to define scalable, flexible shapes with familiar CSS units, variables, and even calc().
Learn more on the WebKit blog post.
webkit.org/blog/16794/t...
Instead of static SVG paths in clip-path, shape() allows you to define scalable, flexible shapes with familiar CSS units, variables, and even calc().
Learn more on the WebKit blog post.
webkit.org/blog/16794/t...
The CSS shape() function
Shapes are an important aspect of graphic design.
webkit.org
April 15, 2025 at 5:59 PM
Say hello to responsive, adaptable shapes in CSS with the new shape() function!
Instead of static SVG paths in clip-path, shape() allows you to define scalable, flexible shapes with familiar CSS units, variables, and even calc().
Learn more on the WebKit blog post.
webkit.org/blog/16794/t...
Instead of static SVG paths in clip-path, shape() allows you to define scalable, flexible shapes with familiar CSS units, variables, and even calc().
Learn more on the WebKit blog post.
webkit.org/blog/16794/t...
Reposted by Jon Davis
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...
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
April 8, 2025 at 2:33 PM
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...
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...
Reposted by Jon Davis
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...
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
March 28, 2025 at 11:01 PM
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...
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...
Reposted by Jon Davis
Web Push is exciting. But it requires service workers and a bunch of custom code that can be different from project to project.
How about instead we standardize on using JSON & leave JavaScript out of it!
Meet Declarative Web Push. Available in iOS and iPadOS 18.4 beta.
webkit.org/blog/16535/m...
How about instead we standardize on using JSON & leave JavaScript out of it!
Meet Declarative Web Push. Available in iOS and iPadOS 18.4 beta.
webkit.org/blog/16535/m...
Meet Declarative Web Push
Web Push notifications are a powerful and important part of the web platform.
webkit.org
March 27, 2025 at 6:13 PM
Web Push is exciting. But it requires service workers and a bunch of custom code that can be different from project to project.
How about instead we standardize on using JSON & leave JavaScript out of it!
Meet Declarative Web Push. Available in iOS and iPadOS 18.4 beta.
webkit.org/blog/16535/m...
How about instead we standardize on using JSON & leave JavaScript out of it!
Meet Declarative Web Push. Available in iOS and iPadOS 18.4 beta.
webkit.org/blog/16535/m...
The release notes for Safari Technology Preview 210 are available covering updates to CSS, DOM, JavaScript, Rendering, Web Animations, Web API, Web Extensions, and Web Inspector.
www.webkit.org/blog/16406/r...
www.webkit.org/blog/16406/r...
December 18, 2024 at 10:11 PM
The release notes for Safari Technology Preview 210 are available covering updates to CSS, DOM, JavaScript, Rendering, Web Animations, Web API, Web Extensions, and Web Inspector.
www.webkit.org/blog/16406/r...
www.webkit.org/blog/16406/r...
Reposted by Jon Davis
Safari 18.2 is here! For web developers, it’s the biggest release of new features this year. Highlights include cross-document View Transitions, text-box, spatial videos in visionOS, ruby improvements, WASM garbage collection, HTTPS by default, Genmoji, and more.
webkit.org/blog/16301/w...
webkit.org/blog/16301/w...
December 11, 2024 at 6:35 PM
Safari 18.2 is here! For web developers, it’s the biggest release of new features this year. Highlights include cross-document View Transitions, text-box, spatial videos in visionOS, ruby improvements, WASM garbage collection, HTTPS by default, Genmoji, and more.
webkit.org/blog/16301/w...
webkit.org/blog/16301/w...
Release notes are available for Safari Technology Preview 209 with updates to the Browser, CSS, Rendering, Scrolling, SVG, Text, Web API, Web Extensions, and Web Inspector.
www.webkit.org/blog/16296/r...
www.webkit.org/blog/16296/r...
December 4, 2024 at 11:05 PM
Release notes are available for Safari Technology Preview 209 with updates to the Browser, CSS, Rendering, Scrolling, SVG, Text, Web API, Web Extensions, and Web Inspector.
www.webkit.org/blog/16296/r...
www.webkit.org/blog/16296/r...
I got to be part of an effort to modernize WebKit Bugzilla and we just launched it over the weekend on bugs.webkit.org
#AMA
#AMA
November 21, 2024 at 9:40 PM
I got to be part of an effort to modernize WebKit Bugzilla and we just launched it over the weekend on bugs.webkit.org
#AMA
#AMA
Release notes are available for Safari Technology Preview 208 with updates to CSS, JavaScript, Rendering, Scrolling, Web API, Web Authentication, Web Extensions, Web Inspector, and WebRTC.
www.webkit.org/blog/16285/r...
www.webkit.org/blog/16285/r...
November 21, 2024 at 8:47 PM
Release notes are available for Safari Technology Preview 208 with updates to CSS, JavaScript, Rendering, Scrolling, Web API, Web Authentication, Web Extensions, Web Inspector, and WebRTC.
www.webkit.org/blog/16285/r...
www.webkit.org/blog/16285/r...
Reposted by Jon Davis
Last one of the year! The State of JavaScript 2024 survey is now open:
survey.devographics.com/en-US/survey...
survey.devographics.com/en-US/survey...
State of JavaScript 2024
Take the State of JavaScript survey
survey.devographics.com
November 13, 2024 at 6:10 AM
Last one of the year! The State of JavaScript 2024 survey is now open:
survey.devographics.com/en-US/survey...
survey.devographics.com/en-US/survey...
Reposted by Jon Davis
We implemented a new value for `background-clip` called `border-area`. It lets you use CSS fill a border with a background image or gradient.
This article explains how it works, and shows up the possibilities in 7 demos.
#css #webdesign #webdevelopment #graphicdesign
webkit.org/blog/16214/b...
This article explains how it works, and shows up the possibilities in 7 demos.
#css #webdesign #webdevelopment #graphicdesign
webkit.org/blog/16214/b...
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?
webkit.org
November 20, 2024 at 4:03 PM
We implemented a new value for `background-clip` called `border-area`. It lets you use CSS fill a border with a background image or gradient.
This article explains how it works, and shows up the possibilities in 7 demos.
#css #webdesign #webdevelopment #graphicdesign
webkit.org/blog/16214/b...
This article explains how it works, and shows up the possibilities in 7 demos.
#css #webdesign #webdevelopment #graphicdesign
webkit.org/blog/16214/b...
Release notes are available for Safari Technology Preview 207 with updates to Accessibility, CSS, Forms, JavaScript, Loading, Networking, Rendering, Scrolling, Web Extensions, and Web Inspector.
webkit.org/blog/16205/r...
webkit.org/blog/16205/r...
November 11, 2024 at 4:34 PM
Release notes are available for Safari Technology Preview 207 with updates to Accessibility, CSS, Forms, JavaScript, Loading, Networking, Rendering, Scrolling, Web Extensions, and Web Inspector.
webkit.org/blog/16205/r...
webkit.org/blog/16205/r...
Reposted by Jon Davis
"Say Goodbye to Passwords
Passkey adoption is up, and problems are being fixed." https://www.fastcompany.com/91220674/is-this-the-beginning-of-the-end-for-the-password
Passkey adoption is up, and problems are being fixed." https://www.fastcompany.com/91220674/is-this-the-beginning-of-the-end-for-the-password
November 11, 2024 at 3:49 PM
"Say Goodbye to Passwords
Passkey adoption is up, and problems are being fixed." https://www.fastcompany.com/91220674/is-this-the-beginning-of-the-end-for-the-password
Passkey adoption is up, and problems are being fixed." https://www.fastcompany.com/91220674/is-this-the-beginning-of-the-end-for-the-password
Hello Bluesky community. 👋
November 11, 2024 at 4:29 PM
Hello Bluesky community. 👋