It’s time to rethink how we cook a set of favicons for modern browsers and stop the icon generator madness. Frontend developers currently have to deal with 20+ static PNG files just to display a tiny website logo in a browser tab or on a touchscreen. Read on to see how to take a smarter approach and adopt a minimal set of icons that fits most modern needs.
便利なんだけどあまり使われてないような気がするので。 ご存じだったらごめんなさいよ。 ウェブサイトに設置する favicon.ico ですが、 用意した画像を favicon ファイルに変換するの Mac だとものすごく簡単にできます。 画像を「プレビュー.app」で開く デフォルト設定なら普通に開けばプレビューで開かれると思います。 (必要なら)サイズを変更する 「ツール」→「サイズを調整」で16 px 四方のサイズに。 別名で保存 「ファイル」→「別名で保存」を選ぶ。 別のファイルにするんだから当たり前といえば当たり前。 「フォーマット」で「Microsoft アイコン」を選ぶ この表現がわかりにくいんだけど、要するに favicon です。 （Mac OS 10.7 Lion 以降でのやり方は後述） Favicon はもともと Internet Explorer 独自の仕様だったから
こんにちは、@9ensanです。 Webサービスを作成している時に、別サイトのfaviconを表示させたいと思うことありませんか？ そんな時に、表示させたいドメインを渡すだけで、faviconをpng画像に変換して取得してくれるサービスがあります。 Readabilityという有名な「あとで読む系」のサービスでも利用されています。 それでは、利用方法について詳しく書いていきます。 利用方法 http://www.google.com/s2/favicons?domain=ここにドメインを指定する たったこれだけで、faviconがpng画像で取得出来るので、imgタグのsrc要素に指定すればHTML上に表示できます。 今回たまたまReadabilityのAPIを使っていたら、GoogleのURLにドメインを渡してfaviconを取得しているということに気が付きました。 非公開APIのような
Translation of: favicon-cheat-sheet ファビコンのサイズや形式についての読むと頭が痛くなる偏執的なカンニング・ペーパーです。以下のURLを参考にしました: rel="shortcut icon" considered harmful · Mathias Bynens <-- special thanks @mathiasbynens Everything you always wanted to know about touch icons · Mathias Bynens <-- special thanks @mathiasbynens Jonathan T. Neal | Understand the Favicon Favicon - Wikipedia, the free encyclopedia Making a Good Favicon -
202320,000 GitHub starsSeptember 17th, 2023 2021Syncing sign-in stateJuly 21st, 2021 Why you need bundle size monitoringJune 11th, 2021 Back to bloggingJune 9th, 2021 2019You should open source your productJanuary 1st, 2019 2017Reclaiming your privacyJanuary 8th, 2017 2015Lessons learnt building team communication productsSeptember 21st, 2015 The startup rollercoasterMay 24th, 2015 Don't grow too
Googleが検索結果にfavicon(ファビコン)を表示するテストをしているという情報が Google Testing Site Fav Icons in Search Results? にありました。 その記事によると、そこに表示されているfaviconは元々 Google Profile で利用されていたもので、 http://www.google.com/s2/favicons?domain=blog.fkoji.com のようにドメインを指定するとfaviconを取得できるようです。 非公式なfaviconのAPIといえば Hatena::Favicon というのもあります。こちらは、 http://favicon.hatena.ne.jp/?url=http%3A%2F%2Fblog.fkoji.com というURLでfaviconが表示されます。 両者ともあくまで非公式という
Postal Search APIs & Solutions ブログ: Favicon Plugin for jQuery 1.1.2
2007-07-05 Favicon Plugin for jQuery 1.1.2 指定した URL からそのサイトの favicon (ファビコン) を表示する jQuery プラグインです。サイトによって favicon があったりなかったりしますが、Favicon Plugin は favicon が見つかったときだけ表示するようにしています。 http:// からはじまる任意の URL を指定できます。その URL からプロトコルとホスト名を切り出して favicon.ico の URL を組み立てます。ですので、相対パスは対応していません。 Favicon Plugin は img タグを操作することを前提としています。favicon.ico の URL を設定し、そのサイズを 16 × 16 としています。 はじめは非表示としておき favicon のロードが完了したとき表示
What is a favicon? Favicons are the little icons that show next to bookmarks and in the address bar of most browsers. Favicons are 16 pixels square. Upload a picture and click 'Make Favicon!' to create a favicon for your website. This favicon generator supports alpha transparency. Once you create your favicon.ico file, upload it to the root directory of your website and put the following code in y
2007年03月22日04:30 カテゴリLightweight Languages perl - 任意のURIからfaviconを取得するAPI 「404 Blog Not Found:Hatena::Bookmark - ぶくマのfaviconを表示する」で示したようなアプリケーションは今後結構ありうると考えて作りました。 利用法は簡単です。 <img src="http://api.dan.co.jp/favicon/http://www.example.com/path/" alt="favicon"> 例: http://api.dan.co.jp/favicon/http://blog.livedoor.jp/ → http://api.dan.co.jp/favicon/http://blog.livedoor.jp/dankogai/ → とはいっても、大々的に使ってもらう
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.
Here is a series of "I Love" favorite icon that I designed for fun. They are perfect for blog sites and I thought it would be fun to share them. Favorite icon is a 16×16 pixel icon that appears inside the address bar. If you are using Firefox or Safari, look up in the address bar, you should see that I’m using the "I Love Illustrator" icon. There are various themes in the package and hopefully you
Faviconとは、Favorite Icon の略でブラウザのブックマークや、サイトを開いた時のアドレスバーやタブに表示される 16×16 の小さなアイコンのことです。 （faviconに対応していないブラウザもあります） Faviconを設置するメリットは、個性をPRしたり目立つということでしょうか。 今回は、Faviconが簡単に作成できるサイトをご紹介します。 Favicon Japan!! -16×16の小宇宙ファビコン- お手持ちの画像からfavicon.icoを自動作成してくれます。 当ブログのキスマークFaviconもこちらのサイトで作成しました。 Favicon Japan!! -ファビコンの設置方法- Favicon Genereator こちらのサイトは、お好きな色を選んでテキストが入れられます。 さっそくこちらでも作ってみました。 +LOVE2.0+ はてなダイアリ
A Quick FAVICON HOWTO Now that you generated your nice favicon you may want to know how to add it in your site following the right standards and rules in order to be sure most users will see it. The following is a quick guide extracted from the Favicon Wikipedia Page. What is a favicon A favicon (short for "Favorites icon"), also known as a page icon, is an icon associated with a particular websit
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
