Sass– category –
-
【Sass】@mixinで背景画像のbackgroundプロパティを簡潔に記述する方法
CSSで背景画像を指定するとき、以下のように記述が多くなりがちですよね。 .bg { background-image: url(sample.jpg); background-size: cover; background-position: c... -
Sassの@mixinで2色のグラデーションを簡潔に記述する方法
サイト制作において、グラデーションカラーを使用する機会がよくあります。 グラデーションカラーはbackground-imageプロパティのlinear-gradient関数を使用することで... -
【Sass】変数と@mixinでメディアクエリを簡単に記述する方法
CSSでは、レスポンシブに対応させるためのメディアクエリを書く機会が多いですよね。 特にブレイクポイントの多いサイトだと、以下のように記述量が多くなってしまいが... -
Sassで使える2種類のコメントについて【コンパイル時の挙動も解説】
CSSでは、/*と*/で文字を囲うことでコメントを記述することができますね。 /* ここにコメントを記入 */ .sample { color: red; } Sassではコメントの記述方法が2種類用... -
Sassで使用できる4つのアウトプット形式の特徴や使い方を解説
Sassとは、CSSを効率的に記述できるように設計・開発された言語です。 入れ子の使用、変数・関数の使用など便利な機能が多く、Web制作者なら必ず身につけておきたいスキ... -
【Sass】色を操作するのに便利な10つのSass関数を紹介！
Sassを簡単に説明すると「CSSの拡張版」で、CSSにはない多くの便利な機能がありますね。 その中でも色を操作するための関数がとても便利ですので、紹介していこうと思い... -
Sassでファイルを分割管理する方法と3つのメリット【@import, パーシャル】
大規模なWeb制作案件になると、CSSのコード量も膨大になりますよね。 パーツごと・役割ごとにCSSファイルを分割することで管理しやすくなりますが、その場合、 読み込み... -
【Sass勉強法】Sassの独学に使用した教材2つを紹介【本と動画教材】
HTML/CSSを学習している人は、Sassというのを聞いたことがあるのではないでしょうか。 Sassとは、CSSを効率的に書けるように設計された言語です。 Sassを導入することで... -
【脱初心者】Sass・Flexbox・Gridなどを学べる28時間超えのUdemyコースを紹介します！
最近はHTML・CSSなど、Web制作の勉強をしている人が増えてきましたね。 Progateやドットインストールといったサービスのおかげで、基礎知識を身につけるのは簡単になっ...
1