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

テクノロジーカテゴリーの変更を依頼記事元:

goodpatch.com

54 usersがブックマークコメント

コメント

4

記事へのコメント4件

注目コメント
新着コメント

yomotsu “gulp-iconfont”

2015/01/27 リンク

s99e209 gulpでアイコンフォントが作れるのか。試してみよう。

gulp

2015/01/26 リンク

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

2015/01/26 リンク

ku_marin がるぷでアイコンフォントを作る

2015/01/26 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

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

こんにちは。太朗です。最近案件で使ったアイコンフォントが便利だったのでご紹介致します。アイコン... こんにちは。太朗です。最近案件で使ったアイコンフォントが便利だったのでご紹介致します。アイコンフォントのメリットスプライト画像はちょっとした色やサイズの変更も画像なので面倒ですよね。アイコンフォントを使えば色やサイズをCSSで自在に編集できるのでメンテナンスがかなり楽ちんです。なお、ベクターデータなので高解像度デバイスにも対応できます！アイコンフォントをgulpで作るでは、どうやってアイコンフォントを作るのか？作り方は色々ありますが、一番手っ取り早いのはgulpで自動で生成させることです。なおgulpのインストールなどは省略させてもらいます。以下がgulpファイルの例です。 gulp.coffee 'use strict'; gulp = require 'gulp' $ = require('gulp-load-plugins')() # svg を圧縮する gulp.tas

ブックマークしたユーザー

speena552015/12/15
sig2015/06/16
imu162015/02/15
saladdays2015/02/03
masakaz772015/02/02
warriorking2015/01/29
kkana2015/01/28
yomotsu2015/01/27
s10900182015/01/27
cornelius19762015/01/27
nyoshd2015/01/27
kuroaka18712015/01/27
hiro_y2015/01/27
daikissdd2015/01/27
okeke11012015/01/27
hikohico2015/01/26
garlicgun2015/01/26
kawamoto-haruka2015/01/26

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx