タグ

プリプロセッサーに関するOfficeRiverHeadのブックマーク (4)

  • LESS/Sass+Compass/Stylusなどをコンパイルするアレコレ – A Memorandum

    知ってる限りでちょっとまとめておきました。LESSやSass+Compass、Stylusをコンパイルできる各種ツールです(それらのMixins集なんかは入れていません)。中には、HTMLのテンプレートエンジンなんかもあわせてコンパイルできるのも含まれています。何かのご参考になれば。 GUIでどうにかしたいあなたへ 1. CodeKit CodeKitは、有償のアプリケーションでOS Xでしか使えません。対応しているプリプロセッサやテンプレートエンジンの種類は圧倒的に多いのが特徴です。とりあえず使いそうなものをあげると、LESS、Sass/Compass(とそのmixinであるBourbon)、StylusといったCSSプリプロセッサの類、IEの4095個セレクタの問題を回避するBless。そしてHamlにJadeにSlimといったテンプレートエンジン、CoffeeScriptにNode.

  • Sass、Less以外のCSS PreprocessorとGUIのコンパイルアプリをまとめてみた

    SassとLess以外にもCSS Preprocessorはいろいろあるので、メモがわりにまとめてみた。 Stylus node.jsのCSS Preprocessor TASS Javascriptでできた軽量CSS Preprocessor Turbine Sass記法っぽいPHPCSS Preprocessor PCSS PHP5で使えるCSS Preprocessor CSS Crush 高機能なPHPベースのCSS Preprocessor DtCSS CSSの記法とほぼ同じなCSS Preprocessor CSS CACHEER Apache(mod_deflate,mod_rewrite)とPHPが必要なCSS Preprocessor less.java LessのJava版Parser lesscss-java おなじくLessのJava版Parser pyScss

  • sassを簡単コンパイル GUIツール SCOUT

    あ、ども。僕です。 ホント時代の流れの速さをひしひしと感じる今日この頃です。 前回の記事でsass導入について書かせて頂いたのですが、 CSSライブラリ化? Sass(scss)のインストール 使用方法 mac こんな事しなくても、すぐに簡単sassをコンパイル出来るぜ!的なGUIツール「SCOUT」のご紹介です。 ターミナル等を扱わなくていいので、sass導入の敷居が下がったのでないのですか!? いいですねー。 では、 インストール SCOUT http://mhs.github.com/scout-app/ こちらの公式ページから ADOBE AIRで作成されたアプリをインストールします。 赤く線で囲んだ部分をクリック!(当方の環境はmacな為、mac環境前提で話を進めさせて頂きます。winも変わらないと思います。) ダウンロード後 dmgファイルをダブルクリック。 Install S

    OfficeRiverHead
    OfficeRiverHead 2013/03/10
    すぐに簡単sassをコンパイル出来、GUIツール「SCOUT」。Adobe AIR製
  • Sassよりラクチン,LESS.appで簡単CSSコンパイル生活!(Mac限定)

    LESSとSassを比較していました LESS « The Dynamic Stylesheet language Sass - Syntactically Awesome Stylesheets ここ半年ぐらいの間に,名前を聞くようになったSassと,それに影響されて作られた後発のLESSを比較検討したところ,以下のような理由からLESSを使うことにしました. 今回は,自分の作業の効率化はもちろん,将来的にチームでシェアできる技術になり得るか,という観点から選択しています. LESSを選ぶ理由 LESS.appというGUIツールが存在する node.jsで動くWebフレームワークExpressがLESSに標準対応している(らしい) 文法がSassより素直&シンプルで慣れてもらいやすそう この中でも,LESS.appの存在が一番の決め手となって,マイナーなはずのLESSに軍配が上がってしま

    Sassよりラクチン,LESS.appで簡単CSSコンパイル生活!(Mac限定)
  • 1