I can't remember the last time a new HTML element came along. Yesterday, <search> shipped in Safari 17.0 (the first browser with support).
You can start using it to build websites TODAY, even when most of your users still don't have support. We explain why & how at the beginning of this article: https://webkit.org/blog/14445/webkit-features-in-safari-17-0/
```
<search>
<form action="/search">
<p><input type="search" name="q"> <input type="submit" value="Search!"></p>
</form>
</search>
In the world of images & video, Safari 17.0 includes:
- the `image-set()` arguments `resolution` and `type`.
- JPEG XL
- HEIC
- AV1 on devices with hardware support
- Managed Media Source API (better MSE)
- an overlay for `<video>` that shows media player stats (for developers)
You can now download the visionOS SDK: https://developer.apple.com/news/?id=8sntwknb
Learn how to test your website in the visionOS simulator by watching “Rediscover Safari developer features” from WWDC23:
https://developer.apple.com/videos/play/wwdc2023/10262/
If you have a pet, please get pet insurance if you don't have lots of disposable cash in case of an emergency. I pay $63 a month for Truth (5 y/o), and $155 a month for strange (12 y/o). Truth had a medical emergency last night, and Trupanion covered 17k without fuss. Absolutely worth it. Happy to answer any questions. https://refer.trupanion.com/cameow-2
Lots of people would like to see Safari's web developer tools grow and improve. Want to join the WebKit Developer Experience team and be their hero? Experience in both web development and C/C++/ObjC preferred.
Apply online or DM me with questions. https://jobs.apple.com/en-us/details/200482392/web-developer-tools-engineer?team=SFTWR
Ton of new stuff in #Safari/#Webkit this year - great work and congrats @jensimmons @othermaciej and team! 👏 https://webkit.org/blog/14205/news-from-wwdc23-webkit-features-in-safari-17-beta/ #WWDC23
Rediscover Safari developer features at #WWDC23
We've made it super easy to connect Web Inspector on Mac to an iPhone or iPad, or jump into a free device simulator (including soon, Vision Pro). Redesigned Developer menu, Responsive Design Mode and more.
Please reroot: this cute kitten was left by his feral momma at Apple Park, and is ready for adoption. Please share, and let’s get this dude a home! https://www.petfinder.com/cat/pippin-apple-64285604/ca/santa-clara/scritch-kittens-ca2905/
Danced so hard to HEALTH’s #Stonefist that my phone thought I was in a car accident. I take that as a compliment. https://www.youtube.com/watch?v=G1qvEr9bC6c
Learn all about badging web apps on iOS and iPadOS, and the evolution of the Badging API specification: https://webkit.org/blog/14112/badging-for-home-screen-web-apps/
Twitter changes its algorithm to boost Russian, Chinese and Iranian state media, because that is what "free speech" is all about
https://dfrlab.org/2023/04/21/state-controlled-media-experience-sudden-twitter-gains-after-unannounced-platform-policy-change/
I feel good about the way Poland has stepped up to support Ukraine during Russia’s invasion. But sometimes I see stuff like this and I am ashamed. And I’m happy I live in the US where the First Amendment forbids banning speech just because it offends someone’s feelings. https://notesfrompoland.com/2023/04/21/court-convicts-women-for-offending-religious-feelings-with-rainbow-virgin-mary-at-lgbt-march/
Now that Safari 16.4 is out, let’s see how Interop 2023 is doing! 🥳🎉🙌
What’s in Safari 16.4?
https://webkit.org/blog/13966/webkit-features-in-safari-16-4/
What’s in Interop 2023?
https://webkit.org/blog/13706/interop-2023/
Safari Technology Preview 167 is out, with:
• Web Inspector Sources tab pretty-printing
• `text-transform` with multiple values
• offsets in `shape-outside`
• Priority Hints
• ClassSetCharacter syntax tests for RegExp `v` flag
• new Web Assembly technologies behind feature flags
• `code` ARIA role
and much more…
https://webkit.org/blog/14100/release-notes-for-safari-technology-preview-167/
**OR**, if you’d rather listen to @bkardell and me go deep into a bunch of the things jam-packed into Safari 16.4 (relative color syntax! margin trimming! `lh` units! offscreenCanvas! better dev tools! more than a hundred more!) then head on over to https://www.igalia.com/chats/safari-16. Complete with a full transcript, if you prefer that sort of thing!
Ooh, so this was added now in Safari 16.4, I was wondering if I missed this earlier - nice! This will be very useful in @bannerhunter 😎 I should be able to block some more sneaky cookie banners that don't have an easily identifiable id/class. Thank you Webkit team! @othermaciej #Safari #Webkit
Safari 16.5 beta 1 is out today.
https://developer.apple.com/documentation/safari-release-notes/safari-16_5-release-notes
It includes support for CSS Nesting.
Head of
@webkit
engineering at Apple. Also networking APIs. Opinions are personal unless stated otherwise.