ep.58 デザインとフロントエンドの関係を Tailwind CSS から考えよう | UIT INSIDE

@spring-raining が @f_subal @potato4d に Tailwind CSS やフロントエンドにおける CSS 設計について話を聞きました。 ゲスト紹介 ピクシブ株式会社 フロントエンドエンジニア Tailwind.css + classNames() を型安全に扱う TypeScript Language Service Plugin を書いた Tailwind.cssとは https://tailwindcss.com/ Utility-firstなCSSフレームワーク CSSのプロパティがそのままクラス名と紐付く設計 Atomic CSS: https://acss.io/ 高いカスタマイズ性も特長 実務で感じたTailwindの特長 pixivのデザインシステムを構築していく際の様々な問題 最初はReact componentを横展開していく計画だったが、

[hirose504]

ユーティリティーファーストな Tailwind.css の紹介、カスタマイズで bg-primary とか設定して自作CSSフレームワーク化できるのが使いやすくて良い