こんなツールが欲しかった！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で作る では、どうやってアイ... 続きを読む