2012-09-23 5 views
5

私は最近、GruntとEnderのようなビルドツールについて言及されたJavascriptに関する記事を読んでいます。このようなツールは個別に提供されるファイルからスプライトイメージを生成することができ、これらのビルドツールをビルドプロセスに統合できることを簡単に述べました。グラデルルのビルドプロセスでのCSSスプライトの生成ですか?

残念なことに私のGoogle検索でこれに関する情報が公開されませんでした。 ここに誰もがこのトピックとgradleへの統合についての経験を持っていますか? さらなる読書のためのいくつかのWebリソースは大歓迎です!事前に

多くの感謝! サスカ。

+1

Gradleを既に使用している、または一般的に自動スプライト生成に興味がありますので、Gradleについて具体的に質問していますか? Sassの拡張機能であるCompassには、スプライトの自動生成機能もあります。 – cimmanon

+1

はい、現在、gradleビルドタスクを実行しているJenkins CIサーバーを構築しています。さらに、私たちのCSSは、(Sassではなく)lessに基づいています。 – Windwalker

答えて

1

@WindwalkerあなたのgradleでSmartSprites Maven Repositryを使用することに興味があるかもしれません。それは個々の画像を取り、それを必要なCSSと共に使用してスプライト画像を作成します。

リポジトリの詳細はで見つけることができます:単にあなたのGradleのコマンドで次の行を入れて、あなたのプロジェクトにそれをインストールするにはhttp://mvnrepository.com/artifact/com.carrotsearch/smartsprites/0.2.8

'com.carrotsearch:smartsprites:0.2.8' 

についての完全な詳細

スマートスプライト[http://csssprites.org/]のウェブサイトによれば、

スマートスプライトを使用すると、デザインの にCSSスプライトを簡単に導入して維持できます。 SmartSpritesは特殊な指示文を解析し、元のCSSに を挿入して個々の画像を スプライトにすることができます。その後、収集した画像からスプライト画像を構築し、スプライトではなく、個々の画像

私はこれがあなたの状況を解決を願ってい

の使用されているように、 は自動的に、あなたのスタイル シートに必要なCSSプロパティを挿入します。

+0

@ Jawadあなたの状況を解決するかもしれないので、私が書いた答えを確認することができます。 –

+0

私は、SmartSpritesにAntタスクがあることに気付きました。 Gradleはそれを直接使用できます。 –

0
http://csssprites.com/ 
http://spritegen.website-performance.org/ 
http://css-sprit.es/ 

CSSコードと共にスプライトを生成するオンラインツールはほとんどありません。

関連する問題