Refactoring UI: The Book

公開日時

最近よく利用しているTailwind CSSの作者の人が書いた『Refactoring UI: The Book』を読み始めた。

個人開発で何か作る際にBootstrap感のあるUIになりがち問題を解消したいというのが購入理由。

ComponentギャラリーやオススメFontが含まれたCOMPLETE PACKAGEと、書籍と動画のみのESSENTIAL版の2種類があったが、値段の安いESSENTIAL版を購入した。

とはいえESSENTIAL版でも技術書2冊分ほどの価格なのでしっかり読み込んでものにしていきたい。


Refactoring UIの動画はYoutubeでもいくつか公開されており、RefactoringのBefore/Afterが解説されているのでオススメ。

CSS Day 2019でのライブRefactoringも分かりやすかった。


Related #css

Tailwind CSSでダークモード対応をする

classを指定してユーザがダークモードを切り替えられるようにした

Next.js9 + Tailwindcss2.0環境で Error: true is not a PostCSS plugin エラーが発生

Next.jsを最新バージョンにアップデートした

tailwindcss2.0 upgrade

Upgrade Guideを参考に

@tailwindcss/typographyにもダークモードを適用する

tailwind.config.jsにtypography設定を追加

「Tailwind CSS Tips, Tricks & Best Practices」を観て学ぶ

動画を観ながら実際に手を動かして13個の練習問題を解いた