こんなツールが欲しかった！Photoshopで面倒なスプライト画像をあっという間に作成できる機能拡張 -Sprite Sheet Gen | コリス

2015/05/26 50 users コリス Photoshop PSDファイル ナビゲーション

CSSスプライト用の画像はどうやって作成してますか？ ロゴやナビゲーションやアイコンなどをPSDファイルにちまちま並べて、Photoshopで書き出す感じでしょうか。 そんな面倒な作業とおさらばできる便利な機能拡張「Sprite Sheet Gen」を紹介します。 しかもコリスのビジター限定で3名様にプレゼント！ そして絶対欲しい人用に半額キャンペーンも同時に行います！ Sprite Sheet ... 続きを読む

sprite画像はもう終わり？gulpでIcon Fontをつくろう！ | MEMOPATCH

2015/01/26 55 users MEMOPATCH Gulp ベクターデータ 太朗 CSS

こんにちは。太朗です。 最近案件で使ったアイコンフォントが便利だったのでご紹介致します。 アイコンフォントのメリット スプライト画像はちょっとした色やサイズの変更も画像なので面倒ですよね。アイコンフォントを使えば色やサイズをCSSで自在に編集できるのでメンテナンスがかなり楽ちんです。なお、ベクターデータなので高解像度デバイスにも対応できます！ アイコンフォントをgulpで作る では、どうやってアイ... 続きを読む

SpritePad - ファイルをどんどん追加してスプライト画像を作成|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2014/01/15 41 users CSS ソフトウェア エンジニア ソース ファイル

CSSでスプライト画像を使うことは増えてきましたが、作成が面倒なのは変わっていません。専用のソフトウェアも幾つかありますが今回はWebブラウザ上でスプライト画像を作成できるSpritePadを紹介します。 使い方 使い方は簡単で、まずはアイコン画像をSpritePadにドロップしていきます。 複数ファイルをまとめてドロップできます。ドロップしたらドラッグして好きな場所に配置していきます。 画像を移... 続きを読む

ShiroKuro Social Icons v1.5 - Weblog - hail2u.net

2011/12/15 20 users Weblog hail2u.net psd DOWNLOAD

このWebサイトのフッターで使用しているアイコン画像(PNG)の高解像度とPSDのセットをZIPにまとめました。白と黒それぞれ256pxのPSDと256/128/64/32pxのPNGが入っています。正方形に切り出してファイル名をちゃんと付けるのが面倒だったので縦長のスプライト画像です。 Download: ShiroKuro Social Icons v1.5 含まれるアイコンは、 フィード メ... 続きを読む