[B! grunt][css] grapswizのブックマーク

grunt-csswring

grapswiz 2014/10/27

sourcemapつきcss minify

リンク

Open-Source Projects | Filament Group, Inc., Boston, MA

Our (archived) open-source code We're no longer maintaining the 100+ projects we've published, but will keep them online as archived Github repositories. Responsive images & media Grunticon A grunt-based tool to make it easy to use SVG graphics with fallbacks for older browsers. Demo Code Article Issues Grumpicon Grunticon in the browser, for those not comforta ble with command line. Project site C

grapswiz 2014/05/15

リンク

concat/minifyしたファイルへのリンクを grunt-usemin を使って自動で書き換える

最近、HTML,CSS,JavaScript を記述するのに、Jade,Sass,LESS,Stylus,CoffeeScript などのプリプロセッサが便利で使っていますが、CSSFrameworkを利用することもありファイルが複数に分かれていることが多くなってきました。 grunt に限らず自動化処理を実行して、本番環境用に結合( concat )･圧縮(minify) して複数あるファイルを1つにまとめてアップロードする方も多いと思います。しかし、HTML内で CSS( meta link=~ ) JavaScript (script src=~) は本番環境では minifyファイルを、開発環境では元々の複数にわかれたファイルのパスを設定することになります。 (Sassのinclude 等を使えば最終的には1ファイルに纏まりますが、CSSファイルのみの構成などもあるので････

grapswiz 2014/02/14

リンク

CSSプロパティの重複を解析してくれるgrunt-csscssについて紹介するよ - Qiita

peterkeating/grunt-css css 今回紹介するgrunt-css cssはCSSプロパティの重複を見つけてくれるgrunt-pluginである。 css cssってゆうgemがありまして、これをGruntから叩いてるのですね。なので、このプラグインを使いたければ事前にgem install css cssしとかな使えまへんで。このcss cssがなんのためにあるのかというと、サイトには以下のようなことが書かれている。 What is it for? One of the best strategies for me to maintain CSS is to reduce duplication as much as possible. It’s not a silver bullet, but it sure helps. ほー、メンテナンス性のためとな。僕は単純にファイルサ