CSSスプライトを生成する「grunt-spritesmith」

CSSスプライトを生成する「grunt-spritesmith」 grunt-spritesmithはCSSスプライトを生成するGruntモジュールです。 Gruntの基本的な使い方は「Gruntで始めるWeb制作の自動化 - to-R」を参照に。 grunt-spritesmithのインストールは以下のコマンドです。 npm install grunt-spritesmith --save-dev Gruntfile.jsの内容は以下のようにします。srcで個別の画像を置くディレクトリを、destCSSで関連するCSSを書き出すファイル名(SassやLess、StylusでもOK)を、destImgで結合したスプライト画像のファイル名を指定します。 module.exports = function(grunt) { //グラントタスクの設定 grunt.initConfig({ spr

[site159]

grunt-spritesmith

[persee]

compassやめてこっちにしようかな。。

[hanagejet]

これ楽そう。Retina 対応もあり。

[shinagaki]

SCSSだけじゃなくて StylusやJSONにも書き出すことができるのか、いいな

[kasumani]

CSSスプライトを生成する「grunt-spritesmith」 grunt-spritesmithはCSSスプライトを生成するGruntモジュールです。 Gruntの基本的な使い方は「Gruntで始めるWeb制作の自動化 - to-R」を参照に。 grunt-spritesmithのインストールは以下のコマン

[Funyapu]

誰かがCompassでsprite生成毎回走るって行ってるけど、そうだっけ・・・？要確認。φ(｀д´)ﾒﾓﾒﾓ...

[poppun1940]

grunt-spritesmithはCSSスプライトを生成するGruntモジュールです。 Gruntの基本的な使い方は「Gruntで始めるWeb制作の自動化 - to-R」を参照に。 grunt-spritesmithのインストールは以下のコマンドです。 npm install grunt-spritesmith --save-dev Grun

[UDONCHAN]

便利

[kojika17]

Compassだとspriteが毎回走るけど、Gruntやgulpなら個別で実行できるのがいい

[ku_marin]

grunt-spritesmith概要