CSS

React

react-modalを使ってModalコンポーネントを作る

react-modalを使ってModalコンポーネントを作る方法を解説します。モーダルの外側をクリックして閉じる、アニメーションを付ける等の基本的な機能から、CSS-in-JS(Emotion)を使ってタイリングの方法を説明します。
tailwind

Emotionを使ってGatsbyでtailwindを使う方法

Gatsby & Emotion & tailwindの環境構築、スタイリング方法についてまとめました。twin.macroを使えば、classNameだけでなく、Styled Componentsやcss propでスタイリングできます。
CSS

明日から書けるSASS(SCSS)入門 ~インストールから便利な使い方まで~

SASS(SCSS)のインストール方法、親セレクタ(&)、変数($)、@mixin、@extend、@useの書き方、よくある使い方まで紹介します。最期にstylelintを導入して、SCSSをLint/Formatできるようにします。
スキル

コードを保存したら自動でブラウザを更新! BrowserSyncのインストールと使い方

BrowserSyncを使うと、コードを保存時に自動的にブラウザを更新して結果を確認でき、さらにPC版、タブレット版、スマホ版などのページを同期しながら一度に見られます。BrowserSyncのインストール方法、使い方、便利な設定などを紹介します。
タイトルとURLをコピーしました