WebKit in Safari 18 beta
自分の興味のあるものだけピックアップ
意外と簡単に使えるらしいから、そろそろ勉強してもいいかな
知らなかった。便利そう。
code:style-quey.css
@container style(--background: black) {
h2, h3, p {
color: white;
}
}
Animating display
やっと。。。
いい使い方模索したい。
HTML
<textarea writingsuggestions="true"></textarea>だけなので、簡単導入できる。
気軽にonでいいんじゃない?
Switch
WebKit for Safari on iOS 18 beta adds haptic feedback for <input type=checkbox switch>. This means, now when a user taps a switch control on iPhone, a single tap is felt — just like how toggling a switch feels in Settings app on iOS. Try this demo to see what it’s like.
2年ぐらい待ってた!害悪にならない程度に普及してほしい
WebKit for Safari 18 beta adds support for three new features as we continue to improve passkeys. First, Safari 18 beta adds support for using mediation=conditional for web authentication credential creation. This allows websites to automatically upgrade existing password-based accounts to use passkeys. Learn more by watching Streamline sign-in with passkey upgrades and credential managers at WWDC24, available on Tuesday, June 11.
翻訳: Safari 18 ベータ版では、mediation=conditionalWeb 認証の資格情報の作成に使用するためのサポートが追加されました。これにより、Web サイトは既存のパスワードベースのアカウントを自動的にアップグレードして、パスキーを使用できるようになります。
気になる!
Second, WebKit for Safari 18 beta adds support for using passkeys across related origins. This lets websites use the same passkey across a limited number of domains which share a credential backend.
翻訳: 2 番目に、Safari 18 ベータ版の WebKit では、関連するオリジン間でパスキーを使用するためのサポートが追加されました。これにより、Web サイトは、認証情報のバックエンドを共有する限られた数のドメイン間で同じパスキーを使用できるようになります。
気になる!
バグ
height: 100%ネストされたコンテンツに適用された場合に、フレックス ボックスで重なり合う要素を修正しました。
これバグ踏んだ事あった気がする。