Your Friendly Web Development CompanionYour Friendly Web Development Companion Prepros compiles your files, transpiles your JavaScript, reloads your browsers and makes it really easy to develop & test your websites so you can focus on making them perfect.
Web制作者の覚醒剤CodeKitでマンモスうれぴー(はぁと
head cleanerと併せて高速なWebサイト作りに励みたいものね。 SASS, Lessのコンパイル Web制作やっているなら、SASS/SCSSとかLessのことは知ってると思うけど、CodeKitはこれらを保存するたびにコンパイルしてくれるわ。あとはSublime Text2なんかのエディタがあれば、特にコンパイルを意識しないでもコーディングできるわね。ターミナルに苦手意識があっても問題無しよ。 ちなみに、Coffee ScriptとかHaml、Jade、Stylusなんかもコンパイルできるから、Ruby on RailsやNodeJS使ってる人にもおすすめよ。 おすすめポイント1. 全部入り CodeKitのお勧めポイントは「全部入り」なことね。SASSやLessのGUIコンパイルツールは無料で色んなところにあるんだけど、私はこういうユーティリティツールを何個もインストールする
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.
CodeKit - THE Mac App for Web Developers
All the Cool Kids Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box. Dead-Simple Configuration Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts. Bleeding-Edge Tools Autopref
CSSの記述が3倍速くなる「LESS」の使い方 (1/2)
2012年02月09日 13時58分更新 文●斉藤祐也／<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS
Webデザイナーにお勧め！LESSファイルを監視してCSSに自動変換·SimpLESS MOONGIFT
SimpLESSはLESSファイルのあるフォルダを監視して作成や更新のタイミングでCSSファイルに変換してくれるソフトウェアです。 CSSで不満に感じられることの多い、入れ子の構造や変数定義などを可能にするCSSライブラリがLESSです。そんなLESSファイルの作成、更新を監視してCSSファイルを自動生成してくれるソフトウェアがSimpLESSです。 最初に起動したときの画面です。SimpLESSはTitaniumを使って作られています。 メイン画面です。LESSファイルの含まれるフォルダを追加します。後はSimpLESSがファイルの更新を監視してくれます。 監視しています。更新したタイミングで自動的にCSSファイルを生成します。生成時には検証もされるので正しいCSSが生成されるとのことです。 例えばこれがLESSファイルの内容です。 SimpLESSが自動生成したCSSファイルがこれです
クロスプラットフォームなLessコンパイラ 「LessParser」 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 以前はWindows向けのコンパイラが見つからなかったので「Lessnium」なんてのを作りましたが、 もっと優秀なクライアントが見つかったのでご紹介します。 LessParserについて Less Parser AIRで開発されている、クロスプラットフォームのLessコンパイラ。 AdobeAIRが入っているOSならどこでも動作するでしょう。 Mac版のLess.appの影響を強く受けているようで、 レイアウトも使い方もとても良く似ています。 作者同意のもと、Less.appのレイアウトをベースに開発したとの事。 It is possible that you’ve come across “Less.app for Mac OSX” developed by Bryan D K Jones. With his consent
Less Parser
Once you add your project folders to the application, it will automatically start monitoring the less files inside these folders for changes. After you have saved the less file, the application will automatically parse your less file into a regular css file. I saved my less file, but I don't see my changes in my browser. What happened? There are a number of different scenarios where this can happe
TitaniumデスクトップでLESS.jsのフロントエンドをこさえてみた - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 申し訳ありませんが、このアプリケーションは更新を停止しています。 代替として、より優秀なWinLessやLess Parserをご利用ください。 以前何度かご紹介したCSS開発ツールのLESSですが、 コマンドを介したり自前で設定しなきゃいけなかったりで少々面倒なので、 LESS.jsをベースにしたフロントエンドをTitaniumデスクトップで作ってみました。 作ってみたもの Lessnium – version 0.9.0 (4.04MB) ※Windows版のみです。 使い方 要するに何をしてくれるのか LESSファイルを登録しておくと、更新を検知して自動的にCSSファイルをコンパイルしてくれます。 /the/path/to/hoge.less と登録しておくと、 /the/path/to/hoge.css を生成します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Koala - a gui application for LESS, Sass, Compass and CoffeeScript compilation.
「WebMatrix」でLESS、Sass/SCSS、CoffeeScriptを利用可能に「OrangeBits Compiler」NOT SUPPORTED