ページのドメインによって Favicon の色を変えられる Chrome 拡張を作りました - 詩と創作・思索のひろば
ウェブ開発者の皆さまにおかれましては、少なくとも本番環境・開発環境の2種類に常に接していると思いますが、ブラウザで両方を開いているような場合にこの区別をつけることが難しい。この問題には、環境によって Favicon の色を変えるという手法が有効であると知られています。たいてい実装は難しくないとはいえ面倒なことに変わりはないし、GitHub と GitHub:Enterprise のように直接手を入れることができないようなものもある。そこで Chrome 拡張によってこれを実現しようというものです。 Chrome Web Store - Flavoured Favicon https://github.com/motemen/chrome-Flavoured-Favicon 設定するにはオプションに JSON を直接書く必要がある（手抜き）のですが、単純なので難しくはないはずです。特定のドメ
Opera News
Desktop Opera Air gets performance lift, quality of life improvements, and a new unboxing experience April 30th, 2025 Hey there, We’re back with another round of updates to Opera Air. This time we’ll take you through the details... Desktop Opera One gets Music Player access in the toolbar and adds user-requested updates April 15th, 2025 Opera adds user-requested features to Opera One: Music Player
ブログアイコン（favicon）を高精細ディスプレイに対応するなど、見やすく表示されるようにしました - はてなブログ開発ブログ
はてなブログでは、ブログを閲覧しているときにWebブラウザのタブなどに表示されるブログアイコン（favicon）を見やすくしました。より大きな画像を配置することで、高精細ディスプレイ（AppleのRetinaなど）でも明瞭に表示されるようになりました。 また、設定された画像が正方形でないときには、画像の中央を内接する最大の正方形にトリミングして配置するようにしました。 いままでのブログアイコン 新しいブログアイコン ブログアイコンを設定するには Webページのダッシュボード（PC、スマートフォンともに）では、設定画面の基本設定ページからブログアイコンを設定できます。 ダッシュボードの設定画面でブログアイコンを設定できる iPhone・iPadアプリでは、歯車アイコンで「設定」を開き「基本設定」をタップしてください。 ブログアイコンのサイズなど 新しいブログアイコン（favicon）は、最大
Webサイトに必要なfaviconが21個になっていた - IT探検の追憶
久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個！ そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.png: タブ表示用 favicon-32x32.png: Mac版Safari用 favicon-96x96.png: Google TV用 favicon-160x160.png: Opera 12 までのスピード・ダイアル用 favicon-196x196.png: Android版Chrome用 mstile-70x70.png: Windows 8 用 mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31
ファビコン・カンニング・ペーパー
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 -
Piecon / Pie charts in your favicon!
Pie charts in your favicon! A tiny javascript library for dynamically generating progress pie charts in your favicons. Look up at your tabs for the live demo! Documentation Basic usage Piecon.setProgress(12); Piecon.setProgress(25); ... Piecon.reset(); Options Piecon.setOptions({ color: '#ff0084', // Pie chart color background: '#bbb', // Empty pie chart color shadow: '#fff', // Outer ring color f
IE10でのSVGのファビコン
SVGのファビコンで試した奴のWindows 8 Release Preview上のInternet Explorer 10での実験。Metro版とデスクトップ版共にSVGのファビコン自体は表示できるけど、単純にlink要素で指定してもダメで、ドメイン・ルートにfavicon.icoというファイル名でSVGファイルを置く必要がある。 IE10はMetro版では32x32を、デスクトップ版では16x16をそれぞれ使う。そのためSVGのようなスケーラブルなフォーマットだとより幸せになれるんじゃないかと思う。「faviconは16x16！」という時代の終わりの始まり。 Chrome 20やSafari 5、Opera 12がちゃんと対応しておらず今すぐ採用できるわけじゃないので、しばらくは32x32と16x16のマルチ解像度なアイコンで乗り切るのが無難。最終的にはiOS向けのアイコンやMetro
SVGのファビコン
Chrome 17と19では無視される。Content-Typeの問題かと思ったけど修正してもダメだったのでそういう話でもないようだ。Internet Explorer 9の挙動が怪しい。404だったらドメイン・ルートを見に行くようになってる模様。Opera 11と12では対応自体はしているのだけど、リサイズがうまくされないのであまり意味がない(キャンバスを16x16にすればいけるのかもしれないけどそれもアレ)。ということでまともに表示できるのはFirefoxのみということのようだ。 Internet Explorer10 PP4でも確認したんだけど、そもそもfavicon表示するGUIスペースがなかった……。 最近は高解像度のアイコンも含めたfavicon (だいたいのブラウザーで対応されている)を利用してるWebサイトも稀に見かけるけど、サイズでかくなりがちだしそもそも作るの面倒だし、
Dynamic favicons
Google Calendar released a new favicon which prompted a few mentions from friends on Twitter. The first, probably more important was from Cennydd: New Google Calendar icon most un-Googley. I like it. Then Danny pitched in with: I see Google Calendar has a new icon. They could use the current date rather than "31" though So let's fix that shall we? How it's done The trick here is to use a canvas el
WAT 0.3.1 リリース & Thunderbirdでタブのアイコン取得方法 - hogehoge @teramako
WAT (WebApplicationTab) :: Add-ons for Thunderbird WAT (WebApplicationTab) のバージョン履歴 :: Add-ons for Thunderbird teramako's wat at master - GitHub Thunderbirdで簡易的にタブブラウジングを可能にする拡張機能、ちょこちょこと更新してます。 Thunderbird3はタブ機能があるものの通常では扱いにくく、Webページをタブに開く機能はあってもそのインターフェイスがありません。Thunderbird 3の新しいタブ機能でGoogle Waveの受信箱が開ける : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディアの様にやればアドオン無しでタブに開くことは可能ですが、これじゃ一般人には辛いだろうということで
faviconでライフゲーム - 素人がプログラミングを勉強していたブログ
The Game Of Lifeに置いた。FirefoxとOperaではfaviconを動的にセットできるが、Safariでは不可能。 単にhrefを変えれば良いというものではなく、appendChild等でDOMツリー上の位置を現在のfaviconより下？にしなければ認識されない。 <!DOCTYPE html> <html> <head> <title>The Game Of Life</title> <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAEklEQVQ4jWNgGAWjYBSMAggAAAQQAAF/TXiOAAAAAElFTkSuQmCC"> <style> #canvas { display: none; } </style> <sc
ネット上で人はアイコンに抽象化される:Geekなぺーじ
WebやMessengerなどのオンラインツールでのコミュニケーションを行う時、人はアイコンに抽象化されると最近感じています。 アイコンがオンラインプレゼンスの一部なんじゃないかと。 例えば、RSSリーダでブログを読んでいる時、ブログを認識するのはブログに貼付けられているブロガーの顔写真ではなく「favicon」という「アイコン」です。 twitterでは相手は人物というよりも「アイコン」がしゃべっている感じです。 mixiなどでもプロフィールの写真が脳裏に焼き付いているときがあります。 はてなブックマークのユーザアイコンで相手を認識している時もあります。 ただ、最近は意図的にアイコン画像を一緒にしつつアカウント名を紛らわしい物にしてコメントを残すような事も行われており、油断がなりません。 色々考えだすと、アイコン画像というのはブランディングを行うための大切な資産なのかもしれません。 ただ
【Fireworks】Favicon を回してみる。 | バシャログ。
ドット絵職人たちが腕を競い合い、鎬を削る Favicon。今回は Favicon を回してみます。 まずは、普通の favicon.ico を作成します。 Favicon のサイズはドット絵職人が燃える 16×16 です。 Created by TOYAMA Fireworks で gif を作って ＠icon変換 で ico ファイルに変換するのが手軽なので好きです。 次に Fireworks で favicon.gif を作成します。アニメーション gif です。 作成した favicon.ico と favicon.gif を両方ともサイトのドキュメントルートにアップロード。 そして、下記のコードを html の head の中に記述します。 <link rel="shortcut icon" href="/favicon.ico" /> <link rel="icon" type=
DEFENDER of the favicon | Mathieu 'p01' Henri | July 2008
16x16 pixels of thrilling retro shooter action in your favicon. DEFENDER of the what ? DEFENDER of the favicon is a JavaScript remake of Eugene Jarvis' brilliant arcade game Defender written by Mathieu 'p01' Henri and inspired by Scott Schiller's experiment with generated favicons VU meter. The idea was to push the concept of generated favicons further and pack a thrilling retro shooter in 16×16 p
Favicon API (ファビコン) α版
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.
2008-01-25
縮小されたあ！（泣 歴代プロフィールアイコンを上げてみました。 GIFアニメはアップできないので静止画でお楽しみください。 01：チンプイ 02：はてなちゃん →→ 3枚目→こうやって目の色を薄くすると、なんとなくもう一段階まぶたが下がってるように見えるんです。小技。 03：はてなちゃんウィンク →→ これも小技使ってます。 04：はてなちゃん居眠り → 05：はてなちゃん怒る →→ ドットを1つずらすだけで怒ったように見えるんだから不思議ですよね。 てなわけで。 上部の「Pe」はまあ、コードネームみたいなもんです。 ドット絵楽しいよ。マジおすすめ。 GIFアニメも上げられるようになればいいんだけどなー。
大きなfaviconを見てはじめて理解した人々ベスト3 - kokokubeta;
自分の周りでよく見るユーザーさんで、小さなfaviconを見かけるだけではなんの絵だかわからない人がいる。たまたま大きなfaviconを見かける機会があったりすると、「えー！こんな絵だったの！」と驚く。そんなご紹介。 id:parsley氏 通常表示→ 王家の紋章とか、プジョーのマーク（ライオン）のようなものかと思っていたら、パセリ！って英語でパセリはparsleyなのだからそうなんだろうけども。驚いた。 id:myrmecoleon氏 通常表示→ はじめてある程度の大きさで見たときにびっくりした。おしっこちびりそうになった。id名称に特徴があるので記憶に残りやすい人。由来はなんだろう。 id:b4-tt氏 通常表示→ 一番感動した人。小さなfaviconでは何だかわからなかった。草原に椎茸が生えている絵？とか思っていた。とてもかわいい。ブックマークしている内容から想起しにくいイメージだっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - hail2u/favicon-cheat-sheet: Obsessive cheat sheet to favicon sizes/types. Please contribute! (Note: this may be in flux as I learn new things about favicon best practices.)
Hatena::Favicon
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
