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

Chakra UIで打ち消し線を使う

Strikethrough

Chakra UIでホバー時のボタンの背景色を変える

_hoverで設定できる

Youtube動画で学ぶTailwind CSS

「Designing with Tailwind CSS」シリーズがとても分かりやすかった。

tailblocks

tailwind cssのテンプレート集

Next.js 10 + Tailwind CSS 2.0 でAMP対応(hybrid)を行う

next/ampのhybridモードを使い通常ページとAMPページを生成し、PostCSSでCSSの容量削減を行いinline cssとして埋め込み

Learn CSS