基礎からのSass – Sassによる効率的CSSコーディングまとめ
はてなブックマーク - 基礎からのSass – Sassによる効率的CSSコーディングまとめ
Pocket

今まで作成してきたエントリーをまとめてみました。ライブラリ化についても言及しています。Sass の機能的に書いてないものもあるので、今後追加するかも。よく一緒に紹介されるCompassについては言及していませんのでご注意を。

 

 

(続きを読む…)

Sass:隣の要素をまとめるCSSの書き方( + )と比較してみた
はてなブックマーク - Sass:隣の要素をまとめるCSSの書き方( + )と比較してみた
Pocket

今回のエントリーでは、 Sass による隣の要素(隣接セレクタ)をどうまとめるかについて書いてみます。隣接したセレクタを書く場合は「 + 」を使います。これを Sass の場合どう書くのかというお話です。親参照セレクタの変わった使い方以外は、ほとんど CSS の機能のままですね。ネストして CSS を書けるので読みやすくなるくらいだと思います。

 

 

(続きを読む…)

超便利!Sassのコンパイルを楽にしよう! – watchを使う
はてなブックマーク - 超便利!Sassのコンパイルを楽にしよう! – watchを使う
Pocket

今回のエントリーでは、Sass 使いなら必ず使っている、もしくは使ったほうが良いコマンドプロンプトの使い方を紹介したいと思います。

 

 

(続きを読む…)

Sassはオブジェクト指向なのか? – @extendとその他言語から見えたもの
はてなブックマーク - Sassはオブジェクト指向なのか? – @extendとその他言語から見えたもの
Pocket

今回のエントリーは、 Sass の機能説明というよりコラムのようなものになります。Sass の継承機能にまつわる考察および実験結果を、オブジェクト指向についての本は数冊読み、かつその他 C++ などの言語を扱った経験から若輩ものではありますが書いてみようと思います。
 
先に結論を書きますが、 Sass はオブジェクト指向ではありません。なぜなら、オブジェクト指向として必要な機能が欠けているためです。

 

 

(続きを読む…)

Sass:CSSで描く図形36種をたった一行で書けるようにしてみた
はてなブックマーク - Sass:CSSで描く図形36種をたった一行で書けるようにしてみた
Pocket

Sass を使って一行で図形を書いてしまうというエントリーです。前回のエントリーである「Sass:CSSで描く図形13種をたった一行で書けるようにしてみた」に引き続き、少し複雑な図形21種類を追加しました。

 

 

(続きを読む…)