Favicon そのSEOの価値とブログで注意すべき5つのポイント（辻正浩のブログSEO入門） - 週刊はてなブログ
ブログ運営で大切なことは、公開した記事がきちんと読まれることです。週刊はてなブログではSEO専門家の辻正浩さんに、現在のFavicon（ファビコン）の重要性と注意すべきポイントについて寄稿いただきました。どうぞお読みください。 SEO専門家の辻正浩( id:t-w-o )です。はてなブログのSEOをサポートしている外部スタッフとして、これまでも何度かはてなブログのSEOについてご紹介*1してきました。今年の6月から株式会社JADEを立ち上げてJADEの辻として活動しています。 今回は、はてなブログでも対応可能なFaviconの価値についてご紹介します。 モバイル検索結果にFaviconが登場 検索結果で選ばれるためのFaviconの作り方 5つのポイント サイズは48ピクセルの倍数 透過は使わない 複雑なものにはしない 正しく指定をする あなただけのFaviconに Faviconを設定す
favicon にバッチを表示するJS製のライブラリ「favico.js」 - 強火で進め
ブラウザのタブに表示される favicon (ファビコン)に iOS アプリなどで、通知の件数のなどを表示するバッチというパーツを追加してくれるライブラリ。他にも favicon の部分で指定した動画やWebカメラの動画を再生も出来ます(どんな用途で使うんだろw)。 公式サイトにも設置されているのでサイトで実際の動作を確認出来ます。 favico.js - Make a use of your favicon http://lab.ejci.net/favico.js/
favico.js
favico.js v0.3.10 Make use of your favicon with badges, images or videos View on GitHub Try it: +1 -1 Set icon Play video Start webcam Reset Works on Chrome, Firefox, Opera and IE11+ Badges Animate your favicon with animated badges. You can customize type of animation, position, background color and text color.
p15.jp
favicon といえば 16 x 16 のちっこい画像、という時代もありましたが、今は様々なブラウザや機能に対応するために複数のサイズやフォーマットを用意するのがよいようです。 ファビコンのサイズや形式についての読むと頭が痛くなる偏執的なカンニング・ペーパーです。 ファビコン・カンニング・ペーパー あちこちに書かれている（古いかもしれない）情報を見るよりも、ここをチェックするのがいいんじゃないかと思いました。 audreyr/favicon-cheat-sheet hail2u/favicon-cheat-sheet favicon.ico の作成は X-Icon Editor が便利すぎます。
faviconの色をcanvasで変える - 0xff.toBlog()
github と github:enterpriseさんのfaviconが見分けがつかないので、Chrome拡張で差し替えることにしました。 画像どうしようかとちょっと悩んだけど、色変えるだけでいいだろうとFireworksを起動するも、色を良い感じに変える方法がわからない…。 元が の通り、白黒なので、トーンカーブ的なものではダメそうで、諦めてcanvasでやることにしました。 var favicon=document.getElementsByTagName('img')[0]; var cv = document.createElement('canvas'); cv.width = 16; cv.height = 16; document.body.appendChild(cv); var c = cv.getContext('2d'); c.drawImage(favicon,
faviconを円グラフにしてアニメーションできる「Piecon」:phpspot開発日誌
(65%) Piecon / Pie charts in your favicon! faviconを円グラフにしてアニメーションできる「Piecon」。 処理の進捗に応じてtitleタグを書き換える方法もありますが、faviconで円グラフを描くというのは斬新な発想ですね。 画面遷移無しで処理に時間がかかるような時に表示させてあげると他のサイトを見ながら進捗も図形で一目で分かってかなり親切です。 16x16ピクセルをいかに使うかといったところですが、円グラフはちょうどマッチしていて、ナイスアイデアと言わざるをえませんね。 jQuery等に依存せずに単体で使うことが出来る所も特徴。 ブラウザによってはfaviconのアニメーションができませんが、タイトルタグの書き換えによって進捗も分かるようになっています 関連エントリ 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js
faviconにアニメーション付きのバッジをつけられる「favico.js」:phpspot開発日誌
favico.js - Make a use of your favicon faviconにアニメーション付きのバッジをつけられる「favico.js」 faviconに通知等の件数を付与し、単に付与するだけではなく、アニメーションをつけられるJS。 タブがバックグラウンドにある時に、分かりやすいですね。 このライブラリを利用して簡単に実現できるので通知等があるサイトの場合は実装しておくとよいかもですね 関連エントリ faviconを円グラフにしてアニメーションできる「Piecon」
Firefox のサイト識別情報のデザインが変わります | Mozilla Japan ブログ
Firefox の新しいベータ版 では、ロケーションバーの左端にあるサイト識別情報のデザインを刷新しました。今回の変更は次のような目標を持って行われました。 サイトアイコン (favicon) をタブに表示されるものだけにして、主要ユーザインタフェース内の冗長性を減らすWeb サイトによってサイトアイコンが偽装される可能性を排除することで、セキュリティを高める一貫性のある暗号化インジケータを (再度) 導入するFirefox の新テーマ「Australis」実装に向けて、ロケーションバーとその内容をシンプルにするサイト識別情報パネルを開くための一貫性のある方法を提供するブックマークのためのドラッグ対象アイテムは残すそれでは、実際に新しいデザインを見ていきましょう。なお、下のスクリーンショットは Mac 版ですが、これらの変更はすべての OS に適用されます。 地球のアイコンは通常のサイトを
Firefox、アドレスバーに表示されるファビコンをブロック
Firefox web browser - Faster, more secure & customizable Firefoxの開発チームに所属しているJared Wein氏が、「An update to site-identity in desktop Firefox」と題して、Firefoxのアドレスバーに表示されるファビコンをブロックする機能を追加したことを報告している。この機能は、Firefoxのナイトリーチャンネル(Firefox 14)に導入されている。 Wein氏によると、一部のサイトで南京錠をファビコンに設定しているサイトがあり、この南京錠のマークはユーザがセキュアなサイトであると誤って認識し騙される危険性があるとして、このような処置をとったとしている。 また、アドレスバーにサイトがSSL証明書を使用しているかどうかを示すアイコン機能も追加されている。SSL証明書が無いサ
あなたのブログやウェブサイトのアクセントカラーは何色？ -accentColor
coliss.comで試したキャプチャ [ad#ad-2] accentColorの仕組みは、ファビコンを取得し分析することで、アクセントカラーを決めています。 ファビコンの取得には「getFavicon」を利用しています。
userChrome.jsも無しにブックマークツールバーのボタンに好きなfaviconを使う - ?D of K
ブックマークツールバーのボタンに好きなfaviconを使う - Cherenkovの暗中模索にっきより。 bookmarks.html/jsonを書き換える方法はめんどくさい。 ってあるけど、ブックマークのインポート使えば簡単にできるよ。 <!DOCTYPE NETSCAPE-Bookmark-file-1> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"> <DL> <DT><A HREF="javascript:location.href='http://reader.livedoor.com/subscribe/'+location.href" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAABn
Googleやはてなの非公式favicon API - F.Ko-Jiの「一秒後は未来」
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が表示されます。 両者ともあくまで非公式という
「ファビコンに南京錠」は信頼できないサイト--日本ベリサインが警告
日本ベリサインは3月13日、米Verisignが中間者攻撃（Man-In-The-Middle攻撃）に関する新たな手口を発表したことを受け、エンドユーザーおよび企業向けに対策方法を公開した。 中間者攻撃とは、ユーザーを偽のウェブサイトに誘導するオンライン不正攻撃のこと。サイト訪問者を騙す手段として、フィッシングメール、不正な無線LANアクセスポイント、さらに最近ではセキュリティの低いDNSサーバを標的としたデータ改ざんなどがある。 新たな手口は、ユーザーのブラウザと本物のウェブサイトの間の通信に偽のサーバやアプリケーションを割り込ませ、プロキシのように機能させることで、ブラウザとサーバの間で送受信されるHTTP形式の重要情報を盗み出すというもの。 従来の中間者攻撃との違いは、不正なウェブサイトを信頼できるものに見せかけるために、偽の視覚的目印を表示している点にある。具体的には、SSLで暗号
favicon（ファビコン）に少しはまる（IE7で表示されなかった訳） - WEBプログラミング NOW!
理由が分かってしまえば、なんてことはないのですが、新しいWEBサイトを構築するに当たり、favicon.icoを作成したのですが、IE7で表示されず、1時間ほど焦りました。 ルートディレクトリーにfavicon.icoをアップロードしたのですが、いざIE7で自分のサイトを見てみるとなぜだか表示されない。FirefoxやOperaでは表示されます。あれえ、IE7だけ表示されないのは何でだ。GoogleやYahoo! Japanではちゃんと表示されているのに。あれー、作り方失敗したかな・・・。 何度も作り直してみるがやっぱり駄目。ためしに、Googleのアイコンをfavicon2.icoとして保存し、<LINK REL="SHORTCUT ICON" href="/favicon2.ico"> としてみると表示されました。この自作favicon.icoが表示されないのはデータ的にIE7では読み
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA