npm scriptsでPugとSassを同時にwatchする
web制作npm scripts のみで、Sass や Pug のコンパイルをおこなう方法と、監視を同時におこなう方法を紹介します。
Gulp を使わなくてもいいケースは脱Gulp したいと思い npm scripts の勉強してます。
npm scripts のみで、Sass や Pug のコンパイルをおこなう方法と、監視を同時におこなう方法を紹介します。
Gulp を使わなくてもいいケースは脱Gulp したいと思い npm scripts の勉強してます。
統合開発環境(IDE)である NetBeans に Ruby を使わない node-sass のインストールと、環境設定の方法を紹介します。
npm scripts の記述例も記載しているので、もちろん NetBeans 以外でも利用できます。
NetBeans のプロジェクトで Sass を使用する方法です。
Ruby と Sass と Compass をインストールしました。
CSSメタ言語であるSassや、SassのフレームワークCompassなどを扱うためのGUIアプリケーションKoalaの使い方の紹介です。
Mac版や、Windows版、Linux版もありますが、Mac版を試してみました。
Adobe AIR製のアプリScoutでSass+Compassを使う環境を簡単に導入する手順。
AIR製(Flash)なのでMacでもWindowsでも使用可能だと思います。
CSS拡張メタ言語のSass、Less、Stylusなどをコンパイルしてくれたり、MinifyもしてくれるMacのアプリ「CodeKit」が中々便利そうだったので取りあえず試用版で入れてみました。
Coda2にzen-codingを導入する方法。
以前 Dreamweaverに導入する方法 もご紹介したのですが、各エディタ用のプラグインが配布されているので、Coda用をダウンロードします。
CSS3 PIEはIE6~でもCSS3の一部プロパティを対応可能にするbehaviorスクリプトです。
CSS3って便利だし面白いけどブラウザごとのベンダープレフィックスとか書き方も違ったりするし、書くのが面倒…。
でもジェネレーターを使用することによってコーディングがとっても楽になります。