はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ favicon

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 28件)

最新の手法でブラウザのタブに表示される「Favicon(ファビコン)」を作成するとこうなる - GIGAZINE

2020/12/24 このエントリーをはてなブックマークに追加 285 users Instapaper Pocket Tweet Facebook Share Evernote Clip ファビコン GIGAZINE タブ フロントエンドエンジニア

ブラウザのタブやブックマークに表示される「Favicon(ファビコン)」は、ウェブサイトを印象づける重要な要素です。そんなファビコンを作成しウェブサイトに表示させる最新の方法について、フロントエンドエンジニアのAndrey Sitnik氏が解説しています。 How to Favicon in 2021: Six files that fit most needs — Martia... 続きを読む

Favicon そのSEOの価値とブログで注意すべき5つのポイント(辻正浩のブログSEO入門) - 週刊はてなブログ

2019/07/09 このエントリーをはてなブックマークに追加 147 users Instapaper Pocket Tweet Facebook Share Evernote Clip ファビコン 辻正浩 SEO 辻正浩さん 週刊

ブログ運営で大切なことは、公開した記事がきちんと読まれることです。週刊はてなブログではSEO専門家の辻正浩さんに、現在のFavicon(ファビコン)の重要性と注意すべきポイントについて寄稿いただきました。どうぞお読みください。 SEO専門家の辻正浩( id:t-w-o )です。はてなブログのSEOをサポートしている外部スタッ... 続きを読む

クリエイティブなファビコンを設置しよう | Webクリエイターボックス

2017/09/22 このエントリーをはてなブックマークに追加 431 users Instapaper Pocket Tweet Facebook Share Evernote Clip ファビコン Favourite ICON タブ デバイス

2015年4月23日 Webサイト制作 , 便利ツール Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです(Favourite + Icon = Favicon)。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているの... 続きを読む

クリエイティブなファビコンを設置しよう | Webクリエイターボックス

2015/04/23 このエントリーをはてなブックマークに追加 431 users Instapaper Pocket Tweet Facebook Share Evernote Clip ファビコン Favourite ICON タブ デバイス

Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです(Favourite + Icon = Favicon)。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているので、その辺もあわせて紹介します! ファビコンをデザインす... 続きを読む

Webサイトに必要なfaviconが21個になっていた - IT探検記

2014/09/24 このエントリーをはてなブックマークに追加 1429 users Instapaper Pocket Tweet Facebook Share Evernote Clip IE用 リスト Webサイト製作 以下 Webサイト

2014-07-18 Webサイトに必要なfaviconが21個になっていた Webサイト製作 久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個! そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.p... 続きを読む

faviconにアニメーション付きのバッジをつけられる「favico.js」:phpspot開発日誌

2013/09/09 このエントリーをはてなブックマークに追加 80 users Instapaper Pocket Tweet Facebook Share Evernote Clip バッジ タブ phpspot開発日誌 アニメーション 件数

faviconにアニメーション付きのバッジをつけられる「favico.js」 2013年09月09日- favico.js - Make a use of your favicon faviconにアニメーション付きのバッジをつけられる「favico.js」 faviconに通知等の件数を付与し、単に付与するだけではなく、アニメーションをつけられるJS。 タブがバックグラウンドにある時に、分かりや... 続きを読む

もう何も恐くない…綺麗なfavicon作成の基本的なコツ・アイデアまとめ | 株式会社LIG

2013/03/14 このエントリーをはてなブックマークに追加 344 users Instapaper Pocket Tweet Facebook Share Evernote Clip 株式会社LIG コツ サリー デザイナー 魔法少女

まどまぎ好きの皆様本当にすみません。 デザイナーのサリーです。 ここから先は魔法少女の「ま」の字も出て来ません。本当にすみません。 ブックマークしたサイトのfaviconを眺めるのが好きです。 小さくて細かいものが並んでいるときゅんとします。 今日はfavicon作成時に気をつけている点や、コツ・アイデアをごちゃまぜにまとめてみました(設置方法は省いています)。 かなり自己流の部分もあるので、参考... 続きを読む

スマホ対策!faviconを設定するなら「ウェブクリップアイコン」も忘れずにね! | デザイナーブログ | 株式会社LIG

2012/09/04 このエントリーをはてなブックマークに追加 226 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブックマークアイコン 株式会社LIG サリー 近頃 スマホ対策

こんにちは!サリーです。 昔は、設定していたら「あらオシャレ」くらいの感覚だったfaviconも、近頃はすっかり必須項目となってまいりました。 その一方で、最近ではスマホ用の「ウェブクリップアイコン」というものがあります。 これがちゃんと設定してあると「おっ」て思います。とっても簡単なので設定してみましょう。 ウェブクリップアイコンって? スマホではホーム画面におくブックマークアイコン(タップでブ... 続きを読む

これはお役立ち!リンク先のfaviconをリンクアイコンとして表示させる方法! | バンクーバーのWEB屋

2012/05/29 このエントリーをはてなブックマークに追加 210 users Instapaper Pocket Tweet Facebook Share Evernote Clip アレ アイコン バンクーバー アイコン化 リンク

よくリンクにアイコンを付けることってありますよね?アレをリンク先のfaviconを自動で表示させることってできればって思ったことってないっすか? そんなWEB屋なら一度は(?)考えたことのあるfaviconのアイコン化がこんな感じで実装できることをつい先日知ることになり、びっくり感動してしまったので是非ご紹介させて頂ければこれ幸いです! 元記事はこちら! Favicons Next To Exte... 続きを読む

faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン「jQuery Favicon」:phpspot開発日誌

2012/02/29 このエントリーをはてなブックマークに追加 77 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQueryプラグイン phpspot開発日誌 既存 文字

faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン「jQuery Favicon」 2012年02月29日- jquery favicon faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン「jQuery Favicon」。 faviconをダイレクトに書き換えることができ、既存のアイコンに文字をプラスして表示させることもできます 例えば... 続きを読む

こんな手が!Faviconを使って通知数を表示する「Tinycon」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/02/19 このエントリーをはてなブックマークに追加 122 users Instapaper Pocket Tweet Facebook Share Evernote Clip MOONGIFT チャット ITエンジニア オープンソース

Webサービスでメッセージをやり取りしたり、チャットなどで新着通知を出したいことがあります。そんな時にタイトルで教える方法もありますが、Tinyconは面白いことにFaviconを使って通知ができます。 0 続きを読む

ロゴ、背景、アイコンなどの画像ジェネレータ厳選20個|Webpark

2011/03/16 このエントリーをはてなブックマークに追加 628 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webpark ストライプ グラデーション アイコン ロゴ

背景、ロゴ、favicon、Ajaxローディングなどの画像をオンラインで作成できるサイトを集めました。まだまだありますが、多すぎるとかえって不便だと思うので各ジャンルごとで3個または5個で厳選しています。背景関連1. Stripe Generatorストライプの模様を作るならここ。ストライプの幅はもちろん、影や柄なども自由自在です。グラデーションもつけることもできます。2. bgMaker背景パタ... 続きを読む

ウェブサイトのトラフィックを faviconで可視化

2010/08/25 このエントリーをはてなブックマークに追加 204 users Instapaper Pocket Tweet Facebook Share Evernote Clip トラフィック ウェブサ ウェブサイト 可視化 alexa

数多あるウェブサイトをトラフィック量に従った大きさで可視化したら......その答えがIcons of the Webです。もうすこし正確に言えば、Alexaのトラフィックデータ集計で上位100万のウェブサイトからfaviconを収集、ちゃんと集められた28万8945個のアイコンをトラフィック量に合わせて配置することで、このウェブサービス絵巻を作り上げています。もともとはfaviconからウェブサ... 続きを読む

Firefoxでページ内の画像を一気にぶっこ抜く方法 - IDEA*IDEA ~ 百式管理人のライフハックブログ

2010/08/19 このエントリーをはてなブックマークに追加 292 users Instapaper Pocket Tweet Facebook Share Evernote Clip IDEA Firefox ダウンローダー ダイアログ 画像

誰かさん向けエントリー。意外に知らない人が多いのね・・・。 あるページを見ていて、ここにある画像全部欲しい!ってときがありますよね。専用のダウンローダーもありますが、そういうときはFirefoxを使うと便利ですよ。 以下、簡単にやり方をば。そういえば昨日のエントリー書くときに使ったなぁ。 ↑ このページの画像を全部欲しいとしましょう。 ↑ Faviconをクリックして出てくるダイアログでこちらをク... 続きを読む

とってもお手軽なFavicon作成ツール『Favikon』 | 100SHIKI.COM

2007/11/14 このエントリーをはてなブックマークに追加 605 users Instapaper Pocket Tweet Facebook Share Evernote Clip 100SHIKI com AM written ツール 特徴

これが決定版じゃね?とってもお手軽なFavicon作成ツール『Favikon』 November 14, 2007 9:17 AM written by webmaster これは便利。 Faviconをブラウザ上で作れるツールがFavikonである。もちろん、こうしたツールは他にもある。 ただ、Favikonは「画像のこの部分をFaviconにしてね」をブラウザ上で手軽に指定できる点が特徴である... 続きを読む

ブラウザ上で簡単にFaviconが作れる『favicon.cc』 | P O P * P O P

2007/07/05 このエントリーをはてなブックマークに追加 113 users Instapaper Pocket Tweet Facebook Share Evernote Clip クリエ エディター Apprentice II アイコン ほか

ブラウザ上で簡単にFaviconが作れる『favicon.cc』 July 5, 2007 12:07 PM written by 100SHIKI Apprentice II ちょこちょこっとFaviconを作りたい、というときに便利そうなのが「Favicon.cc」。ブラウザ上のエディターで簡単にアイコンを作っていくことができます。 作ったアイコンはダウンロードして使うことができるほか、クリエ... 続きを読む

オリジナルfaviconを超簡単に作ることができる『favicon.ico Generator』 - GoogleMania | グーグルの便利な使い方

2007/07/04 このエントリーをはてなブックマークに追加 77 users Instapaper Pocket Tweet Facebook Share Evernote Clip GoogleMania グーグル マズ 使い方 管理人

オリジナルfaviconを超簡単に作ることができる『favicon.ico Generator』 管理人 @ 7月 4日 10:24pm Google以外のサービス faviconを超簡単に作ることができるサイトをご紹介。 「favicon.ico Generator」は16×16のマスの色を自由に塗って、自分のオリジナルのfaviconを作ることができるサイトです。 下のプレビューウィンドウには... 続きを読む

[N] 画像からfaviconを作成する「FavIcon from Pics」

2007/06/22 このエントリーをはてなブックマークに追加 74 users Instapaper Pocket Tweet Facebook Share Evernote Clip Generate FavIcon from Pics 画像

画像からfaviconを作成する「FavIcon from Pics」 2007年06月22日 13:49 ブロガーに役立つ“情報源”120サイト(テンプレート・プラグイン・アクセス解析etc.)というエントリーで紹介したのですが、画像からfaviconを作成することができる「FavIcon from Pics」というサイトがありました。 使い方は簡単で、画像をアップロードして「Generate ... 続きを読む

Forgot the Milk. - Faviconをサクサク作ってくれる8つの Faviconジェネレータ サイト

2007/06/02 このエントリーをはてなブックマークに追加 470 users Instapaper Pocket Tweet Facebook Share Evernote Clip ユーザ Forgot the 個性 自己満足 興味

Favicon は、サイトオーナー(ブログオーナー)の自己満足だけではありません。そのサイトやブログの個性を表現することもさることながら、ユーザから「それなりに手をかけているサイトだな」と興味や安心を抱かせる効果もあるように思えます。そんな Favicon ですか、あなたはどのように作成していますか?ここで紹介するサービスを利用すると、簡単に Favicon を生成することができます。元となる画像... 続きを読む

ウェブ上で使える何かと便利な変換ツールいろいろ | POP*POP

2007/04/11 このエントリーをはてなブックマークに追加 1275 users Instapaper Pocket Tweet Facebook Share Evernote Clip POP ウェブ上 Apprentice II 変換 変換ツール

ウェブ上で使える何かと便利な変換ツールいろいろ April 12, 2007 7:36 AM written by 100SHIKI Apprentice II ちょこっとした作業をするときにウェブ上のツールは便利ですよね。今回はそうしたウェブ上のツールでも変換系をまとめて紹介している記事をご紹介。 ファイル形式の変換や、Favicon、カラーコードの変換ツールなどなど。知っていると便利ですね。 ... 続きを読む

404 Blog Not Found:perl - 任意のURIからfaviconを取得するAPI

2007/03/21 このエントリーをはてなブックマークに追加 114 users Instapaper Pocket Tweet Facebook Share Evernote Clip perl Alt Path URI API

The requested blog was not found on this server -- unless you requested that of Dan Kogai (小飼 弾). 利用法は簡単です。 <img src="http://api.dan.co.jp/favicon/http://www.example.com/path/" alt="favicon"> 例: http:... 続きを読む

Faviconをつくるときに参考にしたいデザイン&ツールいろいろ | P O P * P O P

2007/01/31 このエントリーをはてなブックマークに追加 510 users Instapaper Pocket Tweet Facebook Share Evernote Clip Apprentice AM written ツール類 P O

Faviconをつくるときに参考にしたいデザイン&ツールいろいろ January 31, 2007 8:58 AM written by 100SHIKI Apprentice アドレスバーやブックマークの左側に表示されるFavicon(こんなの↓ですね)に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしけれ... 続きを読む

好きなFaviconを淡々と並べてみる | caramel*vanilla

2007/01/13 このエントリーをはてなブックマークに追加 132 users Instapaper Pocket Tweet Facebook Share Evernote Clip caramel*vanilla Greasemonkey

Faviconが好き! 16×16の限られたちっちゃい枠の中でサイトのイメージを作るのに一役買ってくれるFavicon ブラウザのタブやアドレスバーでひっそりたたずんでいるだけではもったいないのでGreasemonkeyを使っていろんなところで表示させています。 Userscripts.org: fav.icio.us2 ドレッシングのような - 『 色んなところにfaviconを - camer... 続きを読む

特定のタブの幅を縮めるFirefox用拡張機能 * FaviconizeTab

2006/11/04 このエントリーをはてなブックマークに追加 147 users Instapaper Pocket Tweet Facebook Share Evernote Clip バージョ コンテキストメニュー タブ 特定 寸法

インストールするとタブのコンテキストメニューに「FaviconizeTab」と言うのが追加されるので、それをクリックするとタブの幅が favicon のサイズまで小さくなります。もう一回 FaviconizeTab をクリックすると元に戻るっていう寸法。 faviconizetab-0.9.8.2.xpi Firefox Add-ons (English page is here) 過去のバージョ... 続きを読む

Going My Way: Googleの検索結果やはてなブックマークにfaviconを表示するGreasemonkeyユーザースクリプト

2006/10/20 このエントリーをはてなブックマークに追加 54 users Instapaper Pocket Tweet Facebook Share Evernote Clip スポンサード アイキャッチ エントリー Google 検索画面

Googleの検索結果やはてなブックマークにfaviconを表示するGreasemonkeyユーザースクリプト スポンサード リンク Googleの検索画面はシンプルでいいわけですが、サイトのアイキャッチとしてfaviconを一緒に表示してしまうという、Greasemonkeyユーザースクリプトが、色んなところにfaviconを - cameraLadyというエントリーで紹介されていました。(th... 続きを読む

 
(1 - 25 / 28件)