はてブログ

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



タグ ファビコン

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

2022年のファビコン設置方法、さまざまなブラウザやデバイスに対応させる最小限のセットは6種類のファイルが必要

2022/03/10 このエントリーをはてなブックマークに追加 370 users Instapaper Pocket Tweet Facebook Share Evernote Clip デバイス 最小限 ブラウザ ファイル セット

最近のブラウザやデバイスに対応させる最小限のファビコンセットには、6種類のファイルで対応できます。ブラウザはもちろん、スマホやタブレットにも対応し、さらにSVGも含めて6種類だけです。 ファビコンに必要な6種類のファイル、ファビコンの設定方法、ファビコン画像を用意する手順について紹介します。 How to Favi... 続きを読む

2021年のファビコンを極める: 本当に必要なファイルはほぼ6つ(翻訳)|TechRacho(テックラッチョ)〜エンジニアの「?」を「!」に〜|BPS株式会社

2021/06/24 このエントリーをはてなブックマークに追加 25 users Instapaper Pocket Tweet Facebook Share Evernote Clip Autoprefixer PostCSS テックラッチョ

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: How to Favicon in 2021: Six files that fit most needs — Martian Chronicles, Evil Martians’ team blog 原文公開日: 2020/12/23 原著者: Andrey Sitnik — PostCSSとAutoprefixerの作者、Evil Martiansのリードフロントエンド開発者 サイト: Evil Martians ... 続きを読む

絵文字をファビコンとして表示する簡単な方法

2021/05/13 このエントリーをはてなブックマークに追加 36 users Instapaper Pocket Tweet Facebook Share Evernote Clip head HTML わざわざ画像 絵文字 Webサイト

ちょっとしたWebサイトを作るときに地味に面倒なのがファビコンです。わざわざ画像を作るのも、どこかからちょうど良い画像素材を持ってくるのも、アップロードするのも面倒だったりします。 そんなときは絵文字をファビコンとして使いましょう。 やり方 先にやり方を載せておきます。これをHTMLの<head>の中へコピペす... 続きを読む

私が29個ものブラウザ拡張機能を使っている深いわけ | ギズモード・ジャパン

2021/05/07 このエントリーをはてなブックマークに追加 38 users Instapaper Pocket Tweet Facebook Share Evernote Clip ギズモード 深いワケ ジャパン ブラウザ拡張機能 トレロ

私が29個ものブラウザ拡張機能を使っている深いわけ2021.05.07 22:30 Shoshana Wodinsky - Gizmodo US [原文] ( 大沼千沙都 ) Image: Gizmodo/Shoshana Wodinsky 使っている拡張機能で性格が分かる? 突然ですが、隣の人のブラウザを見てみてください。もしエバーノートとトレロのファビコンだけが映っていれば、そ... 続きを読む

ブラウザのFavicon(ファビコン)でユーザーを追跡する「スーパークッキー」とは? - GIGAZINE

2021/02/10 このエントリーをはてなブックマークに追加 22 users Instapaper Pocket Tweet Facebook Share Evernote Clip favicon GIGAZINE 警鐘 タブ シンボル

ブラウザのタブなどに表示されるFavicon(ファビコン)は、サイトのシンボルとして重要なアイコンです。しかし、このファビコンにはCookie(クッキー)のようにユーザーを追跡可能な「スーパークッキー」の問題が潜んでいると、研究者らが警鐘を鳴らしています。 Tales of Favicons and Caches – Persistent Tracking in Mod... 続きを読む

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

2020/12/24 このエントリーをはてなブックマークに追加 285 users Instapaper Pocket Tweet Facebook Share Evernote Clip favicon GIGAZINE タブ 手法 ウェブサイト

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

ファビコンを簡単に作成できる無料ツール!テキスト・画像・絵文字から生成でき、各デバイスのサイズにも対応 -favicon.io | コリス

2020/05/20 このエントリーをはてなブックマークに追加 18 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス テキスト 各デバイス 絵文字 デスクトップ・タブレット

数回 or 1クリックするだけで、デスクトップ・タブレット・スマホに適した複数サイズのファビコンを簡単に生成できる無料オンラインツールを紹介します。 ファビコンは、テキスト・画像・絵文字から簡単に生成でき、日本語や自分の...記事の続きを読む 続きを読む

SVG形式のファビコンを設置しよう | Webクリエイターボックス

2020/02/12 このエントリーをはてなブックマークに追加 137 users Instapaper Pocket Tweet Facebook Share Evernote Clip SVG PNG SVG形式 Webクリエイターボックス 画質

2020年2月13日 SVG, Webサイト制作 つ・い・に!ファビコンもSVG形式が対応されるようになりました!SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要は... 続きを読む

Google検索結果、デスクトップでもデザイン変更 ファビコン付きに - ITmedia NEWS

2020/01/23 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip ITmedia News デスクトップ デザイン変更 区別

デスクトップでのGoogle検索結果の表示が変わった。昨年5月にモバイル版で行ったデザイン変更が反映され、URLの表示位置が変わり、ファビコンが表示されるようになった。広告の区別が付きにくくなったという意見もある。 Google検索のデスクトップでの結果表示のデザインが、1月23日ごろから変わった。昨年5月にモバイル... 続きを読む

Google、ファビコン表示が目立つPC検索結果を導入 | 海外SEO情報ブログ

2020/01/15 このエントリーをはてなブックマークに追加 5 users Instapaper Pocket Tweet Facebook Share Evernote Clip Google 導入 Googl 海外SEO情報ブログ 初級

[レベル: 初級] Google の PC 検索の検索結果にファビコンが表示されるようになります。 ファビコン表示の検索結果は、2019 年 5 月にモバイル検索で導入されました。 モバイル検索結果を踏襲した新しい PC 検索結果は一部のユーザーを対象にテストが行われていました。 全ユーザーに対して今週正式に導入されます Googl... 続きを読む

ブログアイコン(favicon)をGoogleのガイドラインに準拠するよう変更しました - はてなブログ開発ブログ

2019/07/09 このエントリーをはてなブックマークに追加 41 users Instapaper Pocket Tweet Facebook Share Evernote Clip favicon ガイドライン Google ブログアイコン

はてなブログでは、「ブログアイコン(favicon)」の仕様をGoogleのガイドラインに沿うように変更いたしました。 先日、Googleより検索結果一覧にファビコンを表示する変更が行ったという発表がありました。はてなブログでは、すでに「ブログアイコン(favicon)」機能を提供しており、利用者が任意の画像を設定すること... 続きを読む

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

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

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

モバイル検索結果のファビコンは(サブ)ドメイン単位で取得される | 海外SEO情報ブログ

2019/06/11 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip 初級 サブ ドメイン単位 Google 検証結果

[レベル: 初級] 先日 Google はモバイル検索結果にファビコンを表示するようにしました。 このファビコンはドメイン単位、もう少し正確に言うとサブドメイン単位で決定されます。 したがってページ単位でファビコンを切り替えることはできません。 トップページで設定されたファビコンを取得ヘルプページと検証結果から... 続きを読む

ブラウザのタブにある「Favicon(ファビコン)」にウェブカメラの映像を映す - GIGAZINE

2019/04/22 このエントリーをはてなブックマークに追加 30 users Instapaper Pocket Tweet Facebook Share Evernote Clip favicon ブックマークアイコン projects タブ

ウェブサイトのブックマークアイコンになったりブラウザのタブ部分に表示されたりするのが「Favicon(ファビコン)」です。このファビコンにウェブカメラの映像を映すことに、開発者のdavyさんが成功しています。 Tiny Mirror https://wybiral.github.io/code-art/projects/tiny-mirror/ 一体どういうことかというと、以下... 続きを読む

【2018年版】Webサイトのファビコンや各種アイコンの正しい設定方法 | Web Design Trends

2018/10/15 このエントリーをはてなブックマークに追加 24 users Instapaper Pocket Tweet Facebook Share Evernote Clip ユーザビリティ タブ 支障 ご存知 各種アイコン

ファビコンはご存知の方も多いと思いますが、ブラウザのタブに表示されるWebサイトごとに設定可能なアイコン画像ですね。ファビコンを設定しなくても支障はありませんが、タブ表示したときやブックマークした時にWebサイトを探しやすくなるため、ユーザビリティを考えると必ず設定しておいた方がいいですね。 スマホ用ア... 続きを読む

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

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

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

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

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

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

GitHub のプルリクエストのビルド結果をファビコンに表示してくれるユーザースクリプト「PR Build Status in Favicon」が便利 - 彼女からは、おいちゃんと呼ばれています

2014/10/05 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip おいちゃん GitHub コミット プルリクエスト ビルド結果

2014-10-05 GitHub のプルリクエストのビルド結果をファビコンに表示してくれるユーザースクリプト「PR Build Status in Favicon」が便利 タイトルが長ったらしくなりましたが、要は下記のようなものです(ファビコンに注目) GitHub のプルリクエストにコミットがプッシュされたときに CI が自動ビルドするようになっていたとして。最新のビルド結果がファビコンに表示... 続きを読む

Macでファビコンつくるなら。透過にも複数サイズにも対応したアイコン作成ウェブサービス「iconifier.net」-Suikolog

2014/09/04 このエントリーをはてなブックマークに追加 291 users Instapaper Pocket Tweet Facebook Share Evernote Clip SuikoLog icoファイル 透過 プレビュー Mac

Macで簡単に、透過が美しい複数サイズの画像を含むファビコン用のicoファイルをつくりたい! Macでファビコン(Favicon。ブラウザで表示されるときによくタイトル横に表示されるアイコンのことですね)に利用するicoファイルを作成したいとき、あなたはどんなツールを使ってますでしょうか。 よく紹介されているのが、Macの「プレビュー」を用いて、「Windowsアイコン」として書き出す方法。 Ma... 続きを読む

ウェブサイトを持つ人に告ぐ ファビコン評論家からの提言 - Rio Space!?

2013/11/28 このエントリーをはてなブックマークに追加 26 users Instapaper Pocket Tweet Facebook Share Evernote Clip 提言 Rio Space 告ぐ ファビコン評論家 リオ ごめん

2013-11-28 ウェブサイトを持つ人に告ぐ ファビコン評論家からの提言 Webデザイン 物々しいタイトルでごめんねでも、いつものリオなのだ!  今日はファビコンが好きすぎてファビコンをコレクションしてFaviction.com | favicon collectionまで作ってしまった自称ファビコン評論家のリオから、ウェブサイトを持つみなさんにお願いというか提言をさせてもらおうかな~と思って... 続きを読む

ファビコン・カンニング・ペーパー

2013/09/07 このエントリーをはてなブックマークに追加 267 users Instapaper Pocket Tweet Facebook Share Evernote Clip Notes カンニング Special Thanks 形式

Translation of: favicon-cheat-sheet ファビコンのサイズや形式についての読むと頭が痛くなる偏執的なカンニング・ペーパーです。以下のURLを参考にしました: http://mathiasbynens.be/notes/rel-shortcut-icon <-- special thanks @mathiasbynens http://mathiasbynens.be... 続きを読む

Inside Adsense : テキスト 広告 に ファビコン が表示されます

2013/08/14 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip favicon ICON adsense Favorite

Google AdSense ( グーグル アドセンス )に関する 最新情報 をお届けする、 公式 ブログ です。AdSense に関する活用方法や新機能をご紹介しています。 ファビコン ( Favicon )とは Favorite (お気に入りの) Icon (アイコン)という語源からきていて、ウェブサイトをブラウザで開いたとき、アドレス バーやタブに表示される小さな画像のことです。広告主様が、... 続きを読む

はてブアプリはもっとなんとかなるよね - 稀にライトノベルを読むよ^0^/

2013/07/25 このエントリーをはてなブックマークに追加 25 users Instapaper Pocket Tweet Facebook Share Evernote Clip ライトノベル はてブアプリ 見当 虚構新聞 はてブ

雑記PC版のはてブがどんどん改悪される中、見やすい表示で快適なはてブアプリをずっと愛用しているのだけどいい加減これなんとかなりませんかね PC版でも記事名取得できてないことはよくあるけど、PC版はURLが見えるからだいたいどんなページか見当がつく。しかしはてブアプリで表示するのはファビコンのみ。ファビコンで識別できるサイトなんて虚構新聞とはちまとNAVERくらいだ。はちまとNAVERを回避できるの... 続きを読む

リンク先のファビコンを取得してリストマーク代わりに表示する方法 *Ateitexe

2013/03/21 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip Ateitexe Twitter jQuery バンクーバー

twitterなどでシェアさせて頂いた記事をまとめたときに、jQueryでリストマークの代わりにファビコンを取得して表示してみよう!と思って試行錯誤した経緯です。 きっかけと、構想 これはお役立ち!リンク先のfaviconをリンクアイコンとして表示させる方法! | バンクーバーのうぇぶ屋 こちらの記事を拝見して、なるほどこんなことできるのか、いつか使ってみたいなぁと思っておりました。 で、昨年末。... 続きを読む

[Mac] Chromeブックマークバーのファビコンが表示されない問題の解決策 - ihayato.書店 | ihayato.書店

2013/03/17 このエントリーをはてなブックマークに追加 14 users Instapaper Pocket Tweet Facebook Share Evernote Clip Chro favicons library Mac アイコン

なんですかこれは…。 お気に入りアイコンが表示されない 突然ファビコン(お気に入りアイコン)が表示されなくなりました。直し方分からなかったので、名前振りなおしてしまいましたよ…。そして再インストールしても直らず! 直し方を調べてみたところ、Favicon関連のファイル(Favicons)を削除すればいいとのこと。 「~/Library/Application Support/Google/Chro... 続きを読む

 
(1 - 25 / 43件)