「のぞき見企画！ICS×Goodpatch Anywhere合同勉強会」にて、「古きを捨て新しきを得るためのCSS」というテーマで登壇しました。

2020年、EdgeがChromium化したことにより、CSSの新機能が一気に使えるようになりました。その機能を中心に、ライブコーディングをしながら解説したセッションです。

• CSS Gridのススメ

  • CSS Gridの基本

  • 行や列同士のスペース

  • display: contents;で情報の意味付けを行いつつコーディング

• モダンブラウザで使えるようになった便利な機能

  • 子要素のフォーカスも一緒に扱える:focus-within擬似クラス

  • 2つの値のどちらか小さい方を扱えるmin()関数

発表時間、参加者数は次のとおりです。

• 発表時間：20分

• 参加者：235人