#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

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

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

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

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

tailwindcss2.0 upgrade

Upgrade Guideを参考に

Refactoring UI: The Book

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

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

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

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

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