パス画像をFontに変換！「icoMoon」を使ってみた。 | バシャログ。
1月が終わってしまいましたね～！春が待ち遠しい、seki です。 今回は、今まで画像として書き出して使っていたピクトグラムなどのパス画像を、フォント形式で吐き出してくれるサービス「icoMoon」のご紹介です。一度自分で作ってみたくてウズウズしてました。詳細は以下より。 作り方について 参考サイト→http://webamb.com/web_service/773.html はい！こちらの記事にとても分りやすく紹介されています！ とりあえずその通りにやってみましょうか。 1. Fireworksでまずは元となるアイコンを作る パスツールを使ってサクサク。よくメニュー周りなどで使えそうなものを作ってみました。 無心で作りすぎたせいであまり統一性がありませんが、参考までに。 塗りは黒ベタで。もし描くのが難しいという方は、フリー配布されているアイコンから持ってきても良いかと。 もちろんイラレで作
[JS]簡単で便利でしかもかっこいい！ソーシャルメディアのボタンを複数パターン同時に設置できるスクリプト -#50C1AL
ページ上のボタンやテキストなどにclassを追加するだけで、簡単にソーシャルメディアのボタンをかっこよく設置できるjQueryのプラグインを紹介します。 #50C1AL #50C1AL -GitHub #50C1ALの特徴 #50C1ALのデモ #50C1ALの使い方 #50C1ALの特徴 主要なソーシャルディアを簡単にウェブページに設置できます。 46種類のかっこよくデザインされたアイコンを用意。 ページへの設置は、classを書くだけ！ 同じページに複数の設定を設置可能。 アニメーションやブラーなど多彩なオプション。 #50C1ALのデモ デモでは、ページ内に2つの設定を配置しています。 まずは、ボタンの方から。 テキスト選択で表示 #50C1ALの使い方 Step 1:外部ファイル まずは、head内に外部スタイルシートを配置します。 <link rel="stylesheet" h
商用可も有り！フリーアイコンを100,000個以上集めたアイコン総合サイト「FREE ICONS!」
TOP > WebDesign > 商用可も有り！フリーアイコンを100,000個以上集めたアイコン総合サイト「FREE ICONS!」 デザイン的にもユーザビリティ的にも非常に便利に使えるアイコン。デザインをより分かりやすくしてくれます。今回紹介するのはそんな制作に使えるフリーアイコンを100,000個以上集めたアイコン総合サイト「FREE ICONS!」です。 基本的に、アイコン個別ではなくて、アイコンセットが多数、集められていると言う形になります。沢山のアイコンセットが公開されていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Iconset:2experts-30-icons-set icons License: Free for commercial use (Include link to authors website) ■Cr
Blue Vertigo | Since 2003 the best curated list of design resources | Stock Photos, Videos, Vectors
FREE STOCK PHOTOS MULTIPLE SEARCH ENGINES + Pexels + Visual Hunt + Image Finder + Pixabay + Unsplash + NegativeSpace + PxHere + picjumbo + kaboompics + Stockio + StockSnap + Skitterphoto + Freeimages + Morguefile + Dreamstime | Free Photos + Freerange Stock + ShotStash + Burst + Stockvault.net + Free For Commercial Use + ISO Republic + Photostockeditor + PikWizard + Altphotos + FreePixels + RGBsto
For Web Designers - Website Design Resources
User submitted list of design resources for web designers and developers.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
Iconfinder | Download free icons
