Safari 16が正式リリース💐

本日から「全」モダンブラウザで使える新CSS

■ text-align-last
1行テキストの両端揃え

■ overscroll-behavior
モーダルやナビゲーション内のスクロールが親に連動するのを防ぐ

それぞれ「2022年のモダンCSS改」で解説しています
speakerdeck.com/tonkotsuboy_co…

#CSS https://t.co/PXwZHQ0d76

テーブルレイアウトの見出しなど、1行テキストの両端揃えをしたいとき、

日　時
会　場
参加費

と、無駄な全角スペースをHTMLで入れていた🤮

text-align-last: justify;を使えばCSSだけで両端揃えになる😄

9月登場（予定）のSafari 16で、全モダンブラウザ対応💐speakerdeck.com/tonkotsuboy_co…w

#CSS https://t.co/2cEb8IbHhR

“2022年のモダンCSS改” htn.to/2Z74SEpvLB

TechFeed Experts Nightの発表スライドです！

• CSS Gridで上下左右中央揃
• scroll-behaviorで滑らかスクロール
• backdrop-filterですりガラス
• text-align-lastで1行の両端揃
• overscroll-behaviorでスクロール連動制御

2022年のモダンCSS改

#techfeed_experts_night #css