ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト

Sass/SCSS入門 (全15回)

CSSを効率的に書くための記法であるSass/SCSSについて学んでいきます。

このレッスンでは ruby 1.9.3p125 / sass 3.2.3 を使用しています。

#01 Sassとはなにか？
2013年9月9日

補足情報 あわせて見ておきたいサイトについて

Sassの公式サイトはこちらです。
http://sass-lang.com/
また詳細なリファレンスはこちらから。
http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html
2012年11月21日

補足情報 LESSのレッスンについて

Sassとよく比較されるLESSのレッスンはこちらです。どちらも同じようにCSSを効率的に書くことができます。
http://dotinstall.com/lessons/basic_less
#07 色を扱ってみよう
2012年11月21日

補足情報 組み込み関数の一覧について

Sassに組み込まれている関数の一覧は以下から見ることができます。一度ざっと見ておくと良いでしょう。
http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html
#09 @for, @while文を使ってみよう
2013年9月9日

補足情報 ループ範囲の指定方法について

@forによるループの範囲は、「from m through n」の他に「from m to n」で書くこともできます。ただし、前者の場合は「mからnまで」、後者の場合は「mから(n-1)まで」という違いがあります。
「@for $i from 1 through 3」だったら$iは「1, 2, 3」になり、「@for $i from 1 to 3」だったら$iは「1, 2」になります。