SVGでアイコンフォントをつくるならIcoMoonがオススメ！
最近のウェブデザインではアイコンフォントをつくるスキルは必須といっても過言ではないですね。 先日公開したサイトも、ムクドリさんやカバさんはアイコンフォントなのです。 ムクドリさんかわいい アイコンフォントを作成する流れはだいたいこんな感じ パスでアイコンを描く(色はベタ塗り1色！) SVGで保存する（だいたいはこの時のファイル名がアイコンの名前になります） SVGをアイコンフォント生成サービスでアイコンフォントに変換する それではAdobe IllustratorとIcoMoonでサクっとつくってみましょう。 パスでアイコンを描く アイコンフォントはその名前の通りフォントなので1色でつくり、CSSなどで色を変更します。 Illustratorならアートボード機能を使えば編集やあとでまとめてSVGにするときに便利っす。 SVGにする時はパスやフォントはアウトライン化して、パスファインダーで結
ローディング作成☆
Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's
loadergenerator.com - このウェブサイトは販売用です！ - generate spinner loader activity loading indicator progress bar リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Royalty Free Flaticons - Flaticons.net
Free Flaticon Collections Check out over 300 free flaticon packs available in .zip and .tar.gz. Your Favorite Flat Icon Maker Our newly developed flaticon generator is there to help you create your own beautiful flat icons with ease and in no time. There are millions of possibilities to customize your own royalty free flat icons, what are you waiting for?
無料でできる！オリジナルアイコンフォントを作ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんはじめまして！ アートディレクター兼デザイナーの長岡と申します。 社内では、ひろさんと呼ばれています。 入社したばかりですが、どうやらLIGの最年長記録を更新したようです(^^;) 2児の父親として、プライベートでは、子育てに奮闘中なのですが、最近乗り物に興味を持ちだした息子。 電車や車が大好きなようで、テレビに映る度に指をさして「でぇ～んしゃ～♪」とか「ぶぅ～ぶぅ～♪」と叫んでます。 そんな息子の姿を見て、毎日癒されてます(^-^) さて本題に入りますが、スマホサイト・レスポンシブデザイン・Bootstrapなどで度々目にするアイコンフォント。 モバイルファーストを考えながらの制作ですと、表示速度も意識しなければなりませんね～。 フリーのアイコンフォントは、たくさんあれど、「アイコンが多すぎる！」「もっと少なくしたい！」「オリジナルでアイコンを作ったけれども、これをどうにかアイコ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Retinaでもボケない「シンボルアイコン」を使いこなそう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも！デザイナの王です。 2012もいよいよ12月を迎え、果てして2013年は来るのかと、わくわくしている今日この頃です。 ここ最近、AppleのRetinaを皮切りに、超高精細ディスプレイが色んなメーカーから出ているニュースが目に付く。 有名所ではシャープのIGZO（約500ppi）、ジャパンディスプレイのLTPS（約650ppi）などがありますよね、iPhoneのRetinaをぶっちぎりで凌駕してしまうという！4K時代の到来を予感させる！（その前に地球が終わらなければいいのだが！） ということで、来るRetina全盛時代に備えるべく、どんなにモンスター級の高解像度のデバイスでも綺麗に表示する「シンボルフォント」を最近使い始めました。今回はそんな素敵なシンボルフォントの導入法を紹介したいと思います。 そもそも♥「シンボルフォント」♥って何？ 読んで字の如し、「図形のフォント」です。タイ
Mac でものすごく簡単に favicon.ico を作る方法
便利なんだけどあまり使われてないような気がするので。 ご存じだったらごめんなさいよ。 ウェブサイトに設置する favicon.ico ですが、 用意した画像を favicon ファイルに変換するの Mac だとものすごく簡単にできます。 画像を「プレビュー.app」で開く デフォルト設定なら普通に開けばプレビューで開かれると思います。 (必要なら)サイズを変更する 「ツール」→「サイズを調整」で16 px 四方のサイズに。 別名で保存 「ファイル」→「別名で保存」を選ぶ。 別のファイルにするんだから当たり前といえば当たり前。 「フォーマット」で「Microsoft アイコン」を選ぶ この表現がわかりにくいんだけど、要するに favicon です。 （Mac OS 10.7 Lion 以降でのやり方は後述） Favicon はもともと Internet Explorer 独自の仕様だったから
無料で商用利用も可能なフリーアイコン集「30 Toolbar Icons」
画面の上や下に配置されるツールバーにあるお気に入りやプリンター、戻るや進むといったボタンをカスタマイズできるシンプルなアイコンが「30 Toolbar Icons」です。個人的に使うことはもとより、商用利用もできます。 30 Toolbar Icons for User Interface Design | Web Resources | WebAppers http://www.webappers.com/2012/07/09/30-toolbar-icons-for-user-interface-design/ アイコンの大きさは32×32、ファイル形式にはPSD形式とPNG形式の2つがあります。 アイコンは写真、メール、ダウンロード、設定、本、フォルダ、ページ、ツール、プリント、ヘルプ、サーチ、ペースト、アンドゥ、ホーム、電源、リンク、星、コメント、ロック、戻る、進む、ストップ、ゴミ
Favicon
The Export as Favicon command creates a favicon file from the current document, which must be 16px by 16px. You can create a document of this size with the New Favicon - 16X16 command. If you want to create a favicon that also contains a 32px version of the icon, the document must have a second page with a size of 32px by 32px. The easiest way to create this is with the New Favicon - 16X16 and 32X
500+ Free Photoshop Custom Shapes To Use In Your Web Projects - Designbeep
Photoshop comes with a bunch of custom shapes.You know the cool thing about vector shapes is that you can easily resize them without loosing the quality as long as they are not flattened or rasterized.You can also create a new copy,change color and layer style of the custom shapes. Today we have a great collection of photoshop custom shapes for designers mostly for web projects.There are arrows sh
ホームページ制作に無料で使えるフリーアイコン素材を簡単検索。Materialand
新しく登録された素材の一覧です。 様々な素材が登録されているので定期的にチェックしましょう。 あなたのホームページのアクセントにアイコン素材を使いましょう。 欲しい素材が無い場合は検索フォームから検索してみましょう。 素材提供サイトを運営されている方は、新規アカウント登録を行って素材を公開することができます。
リンク不要で商用サイトにも利用可能なフリーのアイコンセットいろいろ - かちびと.net
商用でも使っていいよと言ってくれて いるアイコンセットのまとめです。商用 でもOKだけど、要リンクタイプのクリエ イティブコモンズライセンスや、リンク シェア等の「リンク必須」な商用可アイ コンと、あまり使う機会の無い、ソーシ ャルメディアのアイコンセット、RSSア イコンのみのセットなどは割愛しています。 個人的に実用できる、リンク不要のアイコンに絞っています。一応商用OKを確認してはいますが、さらっとしか見ていないので間違ってたら教えていただければ幸いです。また、ご利用の際はご自身でライセンスを確認してからご利用下さい。 200+ Exclusive Free Icons: “Reflection” リフレクションを与えたモノクロアイコンのセット。 ※リンクウェアでした・・・大変失礼致しました 200+ Exclusive Free Icons: “Reflection” Simpli
あなたのリア充力を上げる！twitterアイコン作成ツールまとめ
2020/10/18 エンジニア D4DJ Groovy Mix オープンベータ開始 2020/10/18 ＤＪ 秋葉原(を夢見る)パラダイスレイディオ Vol.1 @ twitch配信 2020/10/25 エンジニア D4DJ Groovy Mix リリース 2020/11/14 ＤＪ UNDER Freaks 2nd anniv. @ 渋谷Cafe W (渋谷WOMB 1F) 「最近フォローが増えなくて・・・」とか「twitterに刺激的な出会いが無い・・・」とか 「#followmeJPつけて頑張ってるのに#sokuhame状態にならない」とお悩みのアナタ、 twitterのアイコンをおざなりにしていませんか！？ アイコンはtwitterの顔です。 「見た目より中身が重要！アイコンなんて適当でいいんでしょ？」 とばかりに、デフォルトの鳥画像のままにするなんてとんでもありません！ だ
18 Credit Card, Debit Card and Payment Icons [Freebie] — Smashing Magazine
Today we are glad to release a Payment Icon Set, a set with 18 payment icons in PNG format, in the resolutions 32×32px — 128×128px. This set was designed by Phil Matthews and released especially for Smashing Magazine and its readers. The icons are inteded to be used on e-commerce websites where you can show what types of payment the shop accepts. Each icon comes in curved and straight edge variati
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Icons | Font Awesome
About Buttons
新着記事
Iconfinder | Download free icons
Iconizer.net | Free icons generator