Favicon.io - The Ultimate Favicon Generator (Free)
Favicon Generator The only favicon generator you need for your next project. Quickly generate your favicon from text, image, or choose from hundreds of emojis. Image If you already have an image or logo that you want to use for your favicon then use this tool to convert your image to the proper favicon format. Text If you don't have a logo or image for your website and want to generate a favicon f
SVGから複数のfaviconを出力したり開発環境用に色を変えたりする - Sexually Knowing
faviconやらapple-touch-iconやらいろいろ必要なアイコンが多い問題 開発環境と本番でfaviconを区別して事故を防ぎたい問題 ……などの話題がアイコン界隈にはあります。 SVGを使ってどちらも解決してみよう! のコーナーです。 必要なアイコンを生成する icon-genというnpmパッケージを使うとSVGからicoやらpngが生成できます。便利。 こういうかんじ: const results = await icongen(variant.src, destPath, { favicon: { sizes: [180, 192], }, }) 開発環境ごとにfaviconを変える ↑でSVGからico/pngを生成するグッズを手に入れたので、ソースのSVGを環境ごとに変えればよさそう。 こういうかんじ: const generateVariantSource = (v
Faviconographer – Tab Favicons in Safari for Mac
Note: Starting with Safari 12 on macOS Mojave, Safari supports Favicon drawing out of the box, so Faviconographer will be no longer necessary for tab Favicons. For bookmark Favicons, Mojave would still require significant changes that I don't have the resources for right now, so for the time being Faviconographer will not run on macOS Mojave. To enable Favicons in Safari 12, go to Preferences > Ta
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
Blog
202320,000 GitHub starsSeptember 17th, 2023 2021Syncing sign-in stateJuly 21st, 2021 Why you need bundle size monitoringJune 11th, 2021 Back to bloggingJune 9th, 2021 2019You should open source your productJanuary 1st, 2019 2017Reclaiming your privacyJanuary 8th, 2017 2015Lessons learnt building team communication productsSeptember 21st, 2015 The startup rollercoasterMay 24th, 2015 Don't grow too
GoogleによるWebサイトのファビコン自動取得API
GoogleによるWebサイトのファビコン自動取得API 例えばこの画像のように、リンク先の横にファビコンを加える場合、ファビコンの収集は自力行うか、あるいは、PHPなど何らかのプログラムを組むかということになるでしょうが、この方法を使えば非常に簡単にファビコンの自動取得が行えるようになります。 やり方は簡単、以下のURLにサイトのURLを追加してリクエストすれば、そのままファビコン画像を返してくれます。 例：http://www.google.com/s2/favicons?domain=kenz0.s201.xrea.com/ あとはブログのテンプレートで各自好きなように利用できます。エントリーURLをそのまま放り込んでも使えるところが嬉しいところ。 もちろん自力で取得するほど完璧ではありませんが、テンプレートにちょっとしたイメージタグを追加するだけで使える手軽さは魅力です。 トラック
Fireworksでfaviconを作成
Fireworksでfaviconを作成 CSS Nite in Omotesando, Vol.1 「Fireworksビギナーのための120分徹底トレーニング」でFireworksでは拡張機能を利用すればfavicon(ファビコン)を作成できると紹介されていたので早速試してみました。 拡張機能のダウンロードとインストール Favicon - Adobe Fireworks Extensionsより拡張機能（ExportAsFavicon-100.mxp）をダウンロードします。 mxpはAdobe Extension Managerで利用できる拡張子で実行することでAdobe製品に拡張機能をインストールすることができます。 実行後、Adobe Extension Managerが立ち上がり拡張機能インストールの免責が表示されますので承認してインストールを行います。 (注意:Windows
鳥獣保護区 | Firefox のブックマークツールバーに favicon を表示する
Mac 版 Firefox の標準のテーマでは、ブックマークツールバーに favicon が表示されません。これはこれですっきりとしてんですが、スペースを取らない様に名前を無しにして favicon だけにするってことが出来ないんですね。 そうなるとお決まりのユーザスタイルシートでとなる訳ですが、既にそのものズバリがGrApple - Aronnax`s Firefox Themes にありました。ただこれだとフォルダーのアイコンも表示されてしまうので、ほんのちょこっと手を加えてみました。 画像の上半分がスタイル適用前、下が適用後です。そして以下がそのユーザスタイルシート。 Firefox 2 用 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* ラベルを非表示にするにはコメン
Faviconをつくるときに参考にしたいデザイン＆ツールいろいろ | P O P * P O P
アドレスバーやブックマークの左側に表示されるFavicon（こんなの↓ですね）に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしければどうぞ（それよりもこのブログのFaviconをなんとかしなくては・・・）。 » Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine 下記に一部をご紹介。 ■ 花びら系デザイン ↑ カラフルですね。 ■ 丸系デザイン ↑ 丸を上手に使ったデザインはWeb2.0ぽい気がします。 ■ 文字系デザイン ↑ Googleの「G」やmixiの「m」もそうですね。はてなはブックマークは「B」、ダイアリーは「D」などと分けているようです。 ■ 模様系デザイン ↑ 凝ってますね。 ■ 四角系デザイン ↑ Appleは四
Favicon.jp - ファビコンがなければ始まらない！
8年くらい前にファビコンを作る時にお世話になった「Favicon Japan!!」を久々に見ようとした所、 悲しい事に閉鎖されてしまったらしく、アクセスが出来なくなっていました。 時代の流れなのか、昔はホームページを作ろうとしたらまずFaviconにこだわるのが当たり前と言ったイメージでしたが、 モバイルサイトやタブレットサイトに移行しようとしている昨今ではファビコンは重視されないのか…と少し悲しくなりました。 しかし、毎月見ている期限切れドメインを取得出来るサイトを見ていたらfavicon.jpが販売されていたので購入。 以前「Favicon Japan!!」を運営されていた方に何の断りも無く始めるのは申し訳ないのですが(もし問題があればご一報下さい)、 faviconを登録できるサイトを作ろうかと思っています。 サービス開始は2013年6月ごろを予定しておりましたが、開発の遅れにより、
Favicon Generator
What is a favicon? Favicons are the little icons that show next to bookmarks and in the address bar of most browsers. Favicons are 16 pixels square. Upload a picture and click 'Make Favicon!' to create a favicon for your website. This favicon generator supports alpha transparency. Once you create your favicon.ico file, upload it to the root directory of your website and put the following code in y
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS 20 stunning examples of CSS 3D transforms
favikon · Generate favicons with ease