gulpで自分が編集しているscssをcssCombしたい - Qiita
cssCombは便利だ。 でもgulpでの導入方法を調べてみると、プロパティの並び順を整えてコンパイルする方法しか見つからなかった。 個人的にはコンパイル後の綺麗さはどうでもよくて、編集するファイルこそ綺麗にしたい。 やりたいこと scssを保存するたびに下記を実行したい そのscssをcssCombで整える cssにコンパイル 結論 これで実現できる { "devDependencies": { "gulp": "^3.9.1", "gulp-changed-in-place": "^2.0.3", "gulp-compass": "^2.1.0", "gulp-csscomb": "^3.0.8", "gulp-watch": "^4.3.5" } } var changedInPlace = require('gulp-changed-in-place'); var compass
gulpで複数のスプライト画像やWebフォントを管理する - Qiita
gulpでスプライト画像や Webフォントを生成する 今や CSSスプライト画像や Webフォントを、手動で作成・更新する機会は少なくなりました。タスクランナーがファイルの生成から CSS定義まで自動でやってくれます。 自分は CSSスプライトには gulp.spritesmith、Webフォントには gulp-iconfont を愛用しています。 どちらも以下のように指定のディレクトリに格納されている複数の PNGファイル、SVGファイルを結合して 1つのスプライト画像やWebフォントを生成する仕様になっています。 # スプライト画像元データ ./develop/sprite/heart.png ./develop/sprite/diamond.png ./develop/sprite/spade.png ./develop/sprite/clover.png # スプライト画像生成デー
phiary
css の vendor prefix ですが, 今までは gulp-autoprefixer で自動付与してました. ただまぁ, CSS って後方互換対応や minify といった他にもやることがありまして... その辺一括でやってくれるのないかなぁと探してたところ pleeease とかいうとても便利な module があったので紹介します. pleeease とは？ pleeease とは, CSS を簡単に最適化できる Node.js アプリケーションです. pleeease を使うことで過去のブラウザもサポートしつつ, クリーンな CSS を作ることができます. やってくれること一覧 CSS の事前処理 ベンダープレフィックスの付与( Autoprefixer ) rem をピクセルに変換した値も指定. rem をサポートしていないブラウザでも安心♪ IE8 のための opaci
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
