隣接セレクタ [crayon-6ab1edb111740897601334/] +記号を使って隣にあるセレクタを指定できます。 [crayon-6ab1edb111747744933447/] Sass [crayon-6ab1e…

• Sass
• コメントを書く

Sassのビルドツールには様々な種類があります。おそらく多くの現場で使われているのはタスクランナーの「Gulp」でしょう。GulpはSassだけじゃなく、TypeScript、CofeeScriptなどのトランスパイル、構文チェックにも対応…

• Sass
• コメントを書く

TailwindCSSのバージョン3からですが、アスペクト比を設定できるクラスが登場しました。 aspect-ratio アスペクト比を設定することができるクラス群になります。 aspect-auto 自動調整です。 aspect…

• CSS
• コメントを書く

tailwindでは以下のCSSを読み込ませて使います。この三つがベースとなって追加が必要であれば、開発者がここに設定していくことになります。 [crayon-6ab1edb11218e697175905/] @tailwind bas…

• CSS
• コメントを書く

カードとは？ 画像、テキスト、アイコン、ボタンなどの要素をまとめられます。 メリット カードごとに折り返して表示することができるのでレスポンシブと相性が良いので最近とてもよく使われています。 デザイン テキスト サイズ、太さ、色…

• Webデザイン
• コメントを書く

単位の種類 px デバイスの1ドットを表す絶対的な値。現在はほぼ全てのブラウザで小数点を表すことができる。ただし、borderなど一部プロパティでは小数点を許容しなかったりする。 html要素のfont-size …

• CSS
• コメントを書く

theme関数とは？ 「tailwind.config.js」のthemeに定義されている定数の値を返す関数です。 メリット デザインの統一化 コードやテーマ修正の際の保守性向上になる。 tailwind.css.…

• CSS
• コメントを書く

@layer カスタムスタイルがどのレイヤーに属するか指定できます。定義したカスタムスタイルが指定したレイヤーに自動的に移動します。 メリット CSSを記述する順序による問題が発生しずらくなる。 未使用のCSSは本番ビル…

• CSS
• コメントを書く

個別のReducerのみをテストする場合 通常の例 [crayon-6ab1edb112cfb616930782/] ExtraReducerの場合 非同期の結果が失敗した場合と成功した場合などで様々なケースでテス…

• Redux
• コメントを書く

聖杯レイアウトとは？ 当時は、flexもgridもなかったので西欧では聖杯を探すのが難しいという意味を込めて「聖杯レイアウト」と呼ばれていました。 用途 情報量が多いサービス ページ数が多いサービス ベンチ…

• Webデザイン
• コメントを書く