home ホーム search 検索 -  login ログイン  | reload edit datainfo version cmd icon diff delete  | help ヘルプ

技術/HTML/CSS記述のためのフレームワークの比較参考URLメモ1(Sass, Less, Stylus, 2015-03時点)

技術/HTML/CSS記述のためのフレームワークの比較参考URLメモ1(Sass, Less, Stylus, 2015-03時点)

技術 / HTML / CSS記述のためのフレームワークの比較参考URLメモ1(Sass, Less, Stylus, 2015-03時点)
id: 1400 所有者: msakamoto-sf    作成日: 2015-03-23 18:58:34
カテゴリ: CSS HTML Web 

GruntとかGulpの記事漁ってたら、皆してsass/less/stylus使いまくってて、今更ながら何がどう違うのか2015-03時点でググったメモ。

いずれもCSS記述を効率化するための独自言語、記法を定め、静的 or 動的にCSSに変換している点は共通。

あってるか分からないけど、三行でまとめ:

  • Less : node.jsで動くコマンドラインツールだけど、ブラウザ上で実行時に動的に処理することもできる。
  • Sass : rubyで動くコマンドラインツールでCSSに変換する。条件分岐や繰り返しなどよりプログラミング的な処理を埋め込むことが出来る。compassというSass用のCSS生成フレームワークがある。
  • Stylus : 一番後発でLessとSassの良いとこどり。node.jsで動くコマンドラインツールで、かなり簡潔な書き方ができる。

各公式サイト:

SassとLessの比較:

Stylusの入門とSass/Lessとの比較:



プレーンテキスト形式でダウンロード
現在のバージョン : 1
更新者: msakamoto-sf
更新日: 2017-02-12 18:59:01
md5:f769e0a4c0c76c2f2cb80bb83ab15b30
sha1:c48532f6949effc1dfec1d8918667a94cb26897b
コメント
コメントを投稿するにはログインして下さい。