タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
In this post I want to share thinking on how to build an adaptive favicon with SVG. Try the demo. Browser tabs shown adapting to MacOS system light and dark theme changes. Try the Demo If you prefer video, here's a YouTube version of this post: Overview A custom favicon is a great way to polish a web project. It displays on desktop browser tabs, and also inside "save for later" readers, other blog
Webデザイナー、UI/UXデザイナーの@sdesignlaboです。 最新のファビコン（favicon）のサイズ一覧と作り方について解説します。 本当に必要なファビコンだけをピックアップしました！ ファビコンサイズや作り方についてWebデザイン初心者の方にも分かりやすく解説いたします。
はじめに 新しく作成したサイトにfaviconの設定をしようとしたら、たくさんの詰まりポイントがありました。 記述内容が多すぎる… 結局どれが必要なの？ ダークモードで画像が見えない！ Safariだけ画像が出てこない！ そこで今時の記述の仕方や、画像データの仕様について、まとめました。 同じように詰まった人の参考になれば嬉しいです。 結論 指定方法 faviconを表示させたいページのhead内に以下の記述を追加します。 <head> <link rel="icon" sizes="16x16" href="/favicon.ico" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link r
と思ってブラウザで見たら普通についていた。 はてブ側の障害かなー。何か変更があって仕様が古いものに対応できていないとか
こんにちは、臼田です。 みなさん、AWSのマネジメントコンソール触ってますか？(挨拶 今回はタイトルとアイキャッチ通りです。なんか最近変わっていますね。全体に適用されているかはわかりませんが、周りでもちらほら変わったと聞いています。 どこが変わったか 各AWSサービスのページでfaviconが新しいサービスアイコンに変わっています。サービス毎に対応していますが、ホームは引き続き従来のものであるのと、なぜかIAMも古いものでした。 どこが古いのか、探してみるのもいいかもですね。 私が確認した限り、このアップデートについての通知などはなさそうなので、正式な更新なのかは不明です。そのうち通知が出るかもですね。 一応詳細を見てみる Amazon GuardDutyの画面を開いて、ソースを見てみます。linkタグでGuardDutyの簡易アイコンが指定されていますね。多分これであっていると思いますが
整理整頓が苦手で、作業しているうちにScrapboxのタブが増えてきて、あのページはどこだっけ…になることが多くて困っていた。 各ページには見やすいアイコンをつけていることが多いので、これをfaviconに設定して、ブラウザのタブ一覧で各ページのアイコンが見えると便利では？と思ったので、UserScriptを書いてみた。 皮膚科でもらった薬を一通り開いてみている様子。 あのチューブの薬のページはどこだっけ、というときに、faviconになってると探しやすいような気がするし、あまりに自由すぎて、Scrapboxを見ていることに気づけないような気もする。 とてもシンプルな作りで、page:changedというイベントを発火してもらっているので、iconのlinkタグに、ページタイトル画像のURLを指定しているだけ。 const setFavicon = () => { if (scrapbox
Favicon Generator Free online favicon generator for your website. Create professional icons from text, images, or emojis - instantly download in all formats. No signup required. Image to Favicon Convert any image into a complete favicon package. Supports PNG, JPG, and SVG formats. Convert Image to Favicon
Safari v17では、Safari v12のタブに続き「お気に入りバー」にもFaviconを表示することが可能になっています。詳細は以下から。 Appleは2018年06月に開催したWWDC2018で、次期macOS 10.14 MojaveやiOS 12のデフォルトブラウザとなる「Safari v12」では、タブバーにWebサイトのFaviconを表示できる機能(Favicons in safari tabs)を追加することが発表され会場がざわめきましたが、 macOS 14 Sonomaと同時にリリースされた「Safari v17」では、macOSとiPadOS版のSafari v17でタブバーに続き「お気に入りバー」にもFaviconを表示できる機能が追加されています。 Faviconを表示/非表示にする お気に入りバーにFaviconを表示するには、Safari v17 for
The favicon, icon, or apple-icon file conventions allow you to set icons for your application. They are useful for adding app icons that appear in places like web browser tabs, phone home screens, and search engine results. There are two ways to set app icons: Using image files (.ico, .jpg, .png) Using code to generate an icon (.js, .ts, .tsx) Image files (.ico, .jpg, .png) Use an image file to se
「Yet Another Favicon Downloader」は、KeePass 上でファビコンを取得できるようにするプラグインです。 （KeePass 2.34 以降が必要です） KeePass のリスト上で、登録サイトのファビコンを取得＆変更 できるようにし、各アイテムの視認性を簡単に向上させることができます。 操作は、登録エントリーやグループの右クリックメニューから実行することができ※1、複数サイトのファビコンをまとめて取得することも可能となっています。 ※1 ファビコンを取得するには、対象エントリーの「URL」欄にドメイン名が入力されている必要がある。 （設定により、「タイトル」に含まれるドメイン名からファビコンを取得することも可能） 普段、KeePass を愛用している人におすすめです。 ちなみに、一度取得したファビコンは、次回エントリー追加時（または編集時）から再利用できるよ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く