Maciej Stachowiak 🇺🇸🇵🇱❤️🇺🇦 @othermaciej@qoto.org

This is interesting...

”People do use Add to Home Screen… Recently we were testing some prototypes on iOS… Of the 10 people we talked to, 4 were familiar with this flow and had saved various things this way. When I mentioned this to others on the UX team a few shared similar stories… What does that tell us? It tells us that it’s something that at least some regular people do and that it’s not a hidden power user feature… it’s a good reminder to check your assumptions.”

https://blog.mozilla.org/ux/2023/02/people-do-use-add-to-home-screen/

For those of you asking about how to setup and configure Focus — here’s some info about it: https://support.apple.com/en-us/HT212608

It’s hard to express how excited I was to get to tell all of you today about what’s in Safari 16.4 beta 1 and iOS & iPadOS 16.4 beta 1 for Home Screen web apps. This represents many, many months of work by some really amazing people, all across Apple. It’s built on foundations that took years to create, especially things like Focus — which let us get the experience of Web Push just right. I am so proud of our team. And feel lucky every day I get to work with them.

Today is the day. Web Push on iOS.

https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/

Safari 16.4 beta 1.

Want a sneak peak into what’s coming?

Read the beta release notes at https://developer.apple.com/documentation/safari-release-notes/safari-16_4-release-notes

https://webkit.org/blog/13851/declarative-shadow-dom/

Declarative Shadow DOM is in WebKit.

#WebKit #webcomponents #shadowdom

Are you ready for WebKit 2023? Hold onto your hats…

I’m so curious what web designers and developers think about Interop 2023!

What do you think of the new dashboard?
https://wpt.fyi/interop-2023

What do you think of the technology that was selected?
https://webkit.org/blog/13706/interop-2023/

What do you think of how Interop 2022 worked out?
https://wpt.fyi/interop-2022

#interop2023 #webdevelopment

Press release: "W3C re-launched as a public-interest non-profit organization"
We continue our core process and mission to shepherd the web, developing open web standards with contributions from W3C Members, staff, and the international community
More at: https://www.w3.org/blog/news/archives/9823

Have you ever heard of `:nth-child(n of <selector>)`?

It’s cool. It lets you count through `:nth` children for items with a particular class (or other selector). Here’s a demo: https://codepen.io/jensimmons/pen/mdjGmem/850199eb0f72fc70492fcfecea6867c9?editors=1100

And you can use `:nth-last-child(n of <selector>)` to count up from the bottom.

It’s been supported in Safari since 2015!
https://caniuse.com/mdn-css_selectors_nth-last-child_of_syntax

What might you use it for?

Did you know every year on Jan 28 is Data Privacy Day?

To mark the occasion this year, Apple created this video: https://www.youtube.com/watch?v=1HWUjMjaBJI 🤣

Was yesterday’s news about Safari Technology Preview 161 not exciting enough? 

Well, now Safari Technology Preview 162 is available! 

It includes:
• CSS Nesting  
• CSS Margin Trim
• CSS Relative Color Syntax
• Declarative Shadow DOM
• ElementInternals
• Form-associated Custom Elements 
• Default ARIA for Custom Elements 
• Gamepad.vibrationActuator

And more! 

https://webkit.org/blog/13703/release-notes-for-safari-technology-preview-162/

Look at what Safari Technology Preview 161 includes!

• RegExp lookbehind
• OffscreenCanvas (2D)
• WASM SIMD on x64
• unprefixed Fullscreen API
• CSS Custom Properties (@property)
• CSS Typed OM
• more pseudo-classes work inside :has()
• :user-invalid & :user-valid
• Web Animations improvements

And a *lot* more. Click through to read the whole list!

https://webkit.org/blog/13686/release-notes-for-safari-technology-preview-161/

(Shipped Jan 12; original release notes didn’t list everything.)