A complete guide to iconography
Icons are a crucial part of any design system or product experience. Icons help us quickly navigate. They are language-independent. And best of all: they're real tiny, so they don't take up very much real estate. Icons are a fundamental part of a good design system and are very helpful for marketing materials. They’re the foundational building block of illustrated content, but they are also highly
favicon大解剖 〜必要サイズから検証時の注意点まで〜 | WebNAUT by Beeworks
※この記事は2016年3月8日時点で執筆された記事です。現在では仕様が異なる可能性があります。 faviconって何？どのサイズまで用意すればいいの？Windowsのカスタムタイルって？Androidでうまく映らないんだけど？ 単純なように見えて調べだすときりがないfaviconについて、基礎知識から説明いたします。 目次 favicon（ファビコン）とは？ faviconファイルの基礎知識 どのサイズを用意すればいいの？ 透過・非透過などデザイン時の注意点 Android対応の注意点 favicon実装確認の注意点 favicon.icoファイルの作りかた まとめ favicon（ファビコン）とは？ faviconとはfavorite iconの略で、主にブラウザのタブや履歴、お気に入りに表示されるアイコンや、スマホでサイトをホーム画面に置いたときの表示アイコンなどのことを指します。 ほ
2015年版: ホームアイコンの指定方法まとめ - console.lealog();
調べては忘れを毎回繰り返すのもなんだかなーと思ったので、まとめておきます。 ちなみに、iOS/Androidのことしか書きません。 iOSは5以上、Androidは4以上のOSバージョンを対象としてます。 OperaとかMetroとかFireFoxとかは知りません！もっと頑張ってください！ あくまでこの記事を投稿した時点でのものです！ 全般 拡張子はpng 勝手に角丸になるので四角のまま書き出してOK Safari(iOS) いちおう公式のドキュメントはこちら。 Configuring Web Applications で、実は指定方法が2つありまして、 HTMLで指定する方法(おそらく一般的) ドキュメントルートに画像を配置する方法 以下それぞれ。 HTMLで指定する場合 <link rel="apple-touch-icon" href="/path/to/icon.png"> ってr
GLYPHICONS - bootstrap icon font hex value
We can find these by looking at Bootstrap's stylesheet, Bootstrap.css. Each \{number} represents a hexadecimal value, so \2a is equal to 0x2a or *. As for the font, that can be downloaded from http://glyphicons.com. .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212";
マスターしてアイコン職人になろう！アイコン作成チュートリアル50:phpspot開発日誌
50 Excellent Icon Design Tutorials マスターしてアイコン職人になろう！アイコン作成チュートリアルが50もまとまっています。 全部やって習得すればアイコン職人を名乗ってもよいかもしれません。 The Making of an Icon How To Make An Icon 10 Mistakes in Icon Design Icon Design: Bitmap vs Vector Professional technique for creating icons 全部見る フリーアイコンなんかを使っていて便利だけど、ちょっとイメージにあったものがないときとか、差別化を図りたいだとかいうときにアイコンを作れるといいなぁと思ってしまいますね。 もちろん外注してもよいのですが、自分で作れるといいなと思いました。 関連エントリ WEB開発に活用できる、２００９
LogoPond - Identity Inspiration -
Logopond is Inspiration Logopond is an inspirational site & showcase of identity work from designers of varying abilities all across the world. We seek to inspire and improve the talents of our design family through shared knowledge and helpful experiences. About Identity Purist It is important that we do not forget our roots and fundamentals. With the help of Rich Scott and several others we have
Nitram+Nunca › ２分の１ピクセルの輪郭線
写真を撮る機会は実に多くありますが、特に結婚写真は一生の記念になる大事な写真ですので、できるだけ良いものを残しておきたいものですね。 結婚前は何かと忙しくなりますが、疲れが残らないよう、写真撮影の前にはしっかり休息を取っておきたいですし、エステなども利用して、できるだけきれいな状態で撮影にのぞみたいものです。 そして、結婚写真は挙式当日に撮影されるカップルも多いですが、やはり慌しいこともあり、せっかくの写真も表情が硬くなってしまったという経験をお持ちの方もいらっしゃるのではないでしょうか。 結婚写真は最近は前撮りでゆとりを持って撮影される方も増えているようです。 メイクや着付けも時間をかけられますし、時間にも余裕がありますので、より自然な表情で撮影ができるのもメリットです。 そして、式当日とは違う衣装を選ぶことができるのも良いですね。 スタジオ撮影はもちろん、ロケーション撮影などで屋外での
Icon Design: Bitmap vs Vector | Firewheel Design
Home Blog Archives Firewheel Design creates sophisticated interfaces for web applications, software, and mobile devices. We craft exceptional brands for digital media. We are icon design experts. Stay in the loop with our newsletter. Drop your email here, and we'll keep you up to date. No worries, we'll never share your info. Ever. The RSS Feed Our RSS Feed keeps you up to date with both our Brand
Photoshop で背景透過の美しい favicon を作成する - 2xup
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sign in - Google Accounts
Iconfinder | Search through 128,345 icons or browse 347 icon sets