ふう少年、 Safari 16 が正式にリリースされました そして、いくつかの新しくエキサイティングな機能 (サブグリッド! コンテナー クエリ! フォント パレット!) や、クロスブラウザー サポートの向上を待ち望んでいた機能 (モーション パス! オーバースクロール動作! AVIF!) など、たくさんの機能が詰め込まれています。 私は想像する ジェン・シモンズ 元気にタイピングする 新しいグッズをすべて書き出す まとめのお知らせ.
リリース ノートから新しい CSS 機能をドロップするだけです。
- コンテナー クエリのサイズ クエリのサポートが追加されました。 Chrome はバージョン 105 でサポートを開始したため、必要なのは Firefox だけで、The Big Three™ をカバーするパーティーに参加できます。
- コンテナ クエリ ユニットのサポートが追加されました。 これらのユニット コンテナ クエリと連携します。 繰り返しになりますが、Firefox が必要です。
- サブグリッドのサポートが追加されました。 現在は、サポート対象の Safari と Firefox です。 良いニュースは、 Chromeは現在開発中です 同様に。
- アニメート可能なグリッドのサポートが追加されました。 とてもかっこいい! Chrome には常にこれが実装されており、Firefox はそれをサポートし始めました。 バック2019で.
- オフセット パスのサポートが追加されました。 これはまたとして知られています モーションパス、そして私たちは持っていました 2020 年以降の広範なブラウザー サポート. サファリが船内にあるのは素晴らしいことです。
- オーバースクロール動作のサポートが追加されました。 これで、「スクロール チェーン」とオーバーフロー アフォーダンスを変更できます。
overscroll-behavior
プロパティ。 - サポートの追加
text-align-last
. これで、クロスブラウザのサポートがすべて設定されました この物件! - のサポートを追加
resolution
メディアクエリ。 こちらにもセット!
Safari の開発者ツールにもかなりの数の素晴らしいアップデートがあります。 いくつか例を挙げると、Flexbox インスペクター、タイムライン タブ (実験的なスクリーンショット タイムラインを含む)、およびコンテナー クエリ情報があります。 いっぱいあります 32分の動画 それもすべてを通り抜けます。
私は思った サファリ15 はかなりキラーなリリースでしたが、比較すると 16 はかなり壮大です。 一部のサークルで「Safari は新しい Internet Explorer だ」という雰囲気があることは知っていますが、このような大きな躍進を見ることができ、前進の勢いに感謝しています。 ゴーサファリチーム!