やりたかったことと概要 前提 結果と注意点 インストール 設定 setting.json .gitignore お好みで以下の設定をおこなう。 参考

概要 Next.js では何も設定せずにコンポーネントレベルでCSSを使用できる CSS Modules が使用できます。つまり、コンポーネント間でのクラス名の重複など気にしないことができます。Tailwind CSS […]

概要 次のように曜日毎に改行を入れて編集したテキストがあったとします。 これをWebページで表示したら次のように改行が無視された状態になってしまいました。 これを次のように表示するようにするための方法のメモです。 方法 […]

styled-components でダークモードとライトモードを実現する方法について順を追ったメモ。 CSS変数とGlobalStyle ダークモード又はライトモードとして設定された色をCSSで使うためには次のようにC […]

はじめに 少し前から Tailwind JIT の存在は知っていましたが、次の動画を観ていませんでした。観たらちょっと感動しました。 Tailwind CSS を使うとPost CSSの処理によって、リリース版は10kB […]

概要 styled-componentsを用いたGatsbyのプロジェクトに、Tailwind CSSを用いたプロジェクトのスタイリングをコピーして使うために、twin.macro (Twin)を使ってみました。忘れない […]

昨日、こういうツイートをしました。 つまりFacebookやTwitterなどソーシャルメディアプラットフォームでWebページのリンクを共有するときに表示される内容のコントロールの方法を知りたいというものです。 するとす […]

ふとSVGを使ってみたいと思いました。 さらにそのSVGで簡単なアニメーションもやってみたいと思いました。 背景真っ白で面白みのないサイトが次のようになりました。デプロイ先はこちら（無料版のHerokuなので30 分間ア […]

ドットインストールの「実践！ウェブサイトを作ろう」をやっていて、どうしても教材の通りにいかず、今日１時間以上悩みました。 時間が勿体ないので、ドットインストールのプレミアム会員に契約し、お手本のソースコードとの比較機能に […]

ドットインストールの「はじめてのCSS」での学習を完了しました。 この学習は結構楽しいです。 Atom Editorで、index.htmlとstyles.cssを同時に開きつつ、Chromeブラウザで即座に結果が確認で […]