72. 2022年のフロントエンド開発、特にCSS事情 w/ tsukkee

tsukkee さんをゲストに、CSS Grid、Custom Properties、CSS Transitionなどについて語っていただいたエピソードです。

• 最近のフロントエンド開発ってどんな感じ？
• なぜ、 transpile などの変換が必要なのか？
• CSS Grid とは？ 何が良いのか？
• もともと昔はどうやってレイアウトしていた？
• Table から Float へ
• 阿部 寛のホームページ
• Flexbox とは
• XUL
• Grid と Flexbox の違いは？
• HTML(意味) と CSS(スタイル) の分離って、実際の開発ではどう？
• CSSで変数利用って、どう進化してきた？
• Sass や SCSS
• Custom Properties
• Custom Properties のメリットとは？
• Web Component との関連
• この先、SassやSCSSはこの先どうなっていく？
• CSS Nesting Module
• CSS Animation / Transition の進化
• JSでアニメーション実装をすると、何が難しいのか？
• Apple Interface Guideline
• アニメーションの使い時はいつか？
• アニメーション習いたてで使いたくなっちゃう問題
• Animation と SVG との組み合わせが便利
• CSS の仕様を、どうやって追っかけているか？
• web.dev
• チームでフロントエンド情報をどうやって学習しているか？
• CSS設計をどうやって決めている？
• Shadow DOM と スコープ
• 実際のプロダクト開発では何を使っている？
• CSS Layer
• :has() 疑似クラス
• CSS Houdini
• Painting API
• Layout API
• 採用: ストックマーク社 エンジニア募集中