Takeshi Kano

Frontend Developer

登壇

  • #CSS

のぞき見企画!ICS×Goodpatch Anywhere合同勉強会「古きを捨て新しきを得るためのCSS」

のぞき見企画!ICS×Goodpatch Anywhere合同勉強会 風景 のぞき見企画!ICS×Goodpatch Anywhere合同勉強会 風景

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

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

  • CSS Gridのススメ

    • CSS Gridの基本

    • 行や列同士のスペース

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

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

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

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

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

  • 発表時間:20分

  • 参加者:235人