HTML5fun×AOITコラボイベント「現場で使えるライブラリとJavaScriptの基礎」の担当セッションで使用したスライド

HTML5fun×AOITコラボイベント「現場で使えるライブラリとJavaScriptの基礎」の担当セッションで使用したスライド
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
Crunch!はLESSコンパイルツール兼エディターです。 CSSの煩わしさから解放してくれる記法が幾つかありますが、今回取り上げるのはLESSです。そしてCrunch!はLESSファイルを編集するためのエディタで、CSSへのコンパイル機能を備えています。 インストールです。Adobe AIRが必要です。 インストール自体はウィザードで進められます。 起動しました。左がファイルブラウザ、右がエディターになります。 ファイルを開いたところです。ハイライト表示に対応しています。 CSSを生成して保存できます。 フォルダを開きました。その内容が左にツリー表示されています。 ファイルツリーはリアルタイムに更新されます。編集したら画面中央のCRUNCH ITを押すとCSSが生成されます。 LESSからCSSを生成するソフトウェアは幾つかありますが、エディタ機能を備えているのはあまり多くありません。A
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く