LessでCSSはもっと楽になる!(第1.5回Yokohama.js)
この記事は賞味期限切れです。(更新から1年が経過しています)
昨日行なわれた第1.5回Yokohama.jsで喋らせて頂いたお題です。
使ったプレゼンテーションスライドの紹介など。
スライド
ざっくりとした内容
- Lessってなに?
- Lessだと何が幸せなのか?
- Lessの記法いろいろ
- 変数
- ミックスイン(関数のようなもの)
- 演算子
- セレクタの入れ子
- Lessの使い方
- クライアントサイドでコンパイルする
- node.jsで実行する
- GUIクライアント for Mac : LESS.app For Mac OS X
- GUIクライアント for Win : TitaniumデスクトップでLESS.jsのフロントエンドをこさえてみた
- LESSTESTERの紹介
なぜSassじゃないのか?
というもっともなツッコミを参加者様より頂きました。
確かにSassの方が多機能でメジャー(つまりこの先もメンテされる可能性が高い)ですが…
- 先にLessの方を知ってしまった
- JavaScriptベースに変わったので色々出来て、軽快
- クライアントサイドのコンパイルが嬉しい
- マイノリティを応援したい
などといった理由から、Lessを愛し続けています。
ただ、チームで制作したりする場合は、
メジャーな方使ったほうが無難な気はしますね。
コメント