LESS入門 (全8回)
効率的にCSSを記述するためのツールであるLESSについて、基本的な使い方を学びます。
このレッスンでは Node.js v0.10.26 / npm 1.3.6 / lessc 1.7.0 を使用しています。
-
#01 LESSとはなにか？ (02:39)
- 概要
- 公式サイト
- 必要となる知識
- レッスンにおける環境
- sudo npm install -g less
-
#02 はじめてのLESS (02:59)
- LESSの仕組み（コンパイル）
- styles.lessの作成
- lessc styles.less styles.css
- lessc -x styles.less styles.css
-
#03 変数や関数を使ってみよう (02:41)
- 変数の演算
- 関数
- 動作確認
-
#04 値以外に変数を使ってみよう (02:47)
- 変数の宣言
- 値の代入
- 利用方法
-
#05 階層的な表現をしてみよう (02:56)
- 階層的な表現
- &
-
#06 ミックスインを使ってみよう (02:15)
- ミックスインの書き方
- 動作確認
-
#07 パラメータ付きミックスインを使おう (02:53)
- パラメータの利用
- パラメータの初期値
- 名前付きパラメータ
-
#08 extendを使ってみよう (02:47)
- extendの使い方
- ミックスインとの違い
