SCSS（SASS）やCSS in JSのようなメタ言語を用いてネスティングを行う場合、&を使うことで親要素を参照できる。 そういう状況の中で、&がない場合のコードを見かけたのでどういった動作をするのか、&を付けるべきなのかを確認した。 &がない場合、記述通り ...

【初心者向け】CSSボックスモデルってなに？ 図でわかりやすく解説！ Webサイトをデザインするとき、CSSの「ボックスモデル」という考え方はとても重要です。 HTMLの「ブロック要素」は、すべて四角い箱（ボックスとして表示されます。 この箱は、4つの層 ...

CSSで極める「box-shadow」「text-shadow」：光と影の芸術 はじめに：なぜシャドウは重要なのか？ 現代のフラットUIにおいても、シャドウは「浮き上がり」「奥行き」「インタラクティブ感」を表現するために不可欠です。単なる装飾ではなく、視線のガイド ...