https://github.com/salesking/dynamic-favicon

Create dynamic favicon's with javascript and canvas
https://github.com/salesking/dynamic-favicon

Last synced: about 2 months ago
JSON representation

Create dynamic favicon's with javascript and canvas

• Host: GitHub
• URL: https://github.com/salesking/dynamic-favicon
• Owner: salesking
• Created: 2011-05-06T16:07:36.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2015-03-25T12:55:46.000Z (almost 10 years ago)
• Last Synced: 2024-03-25T23:09:33.934Z (9 months ago)
• Language: JavaScript
• Homepage: http://salesking.github.com/dynamic-favicon/
• Size: 141 KB
• Stars: 7
• Watchers: 6
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.rdoc

Awesome Lists containing this project

README

        
= Dynamic Favicon

Static favicon's SUCK if you frequently use a lot of browser tabs for the same webservice/website. Such occurs

* when opening ten tabs of the same webservice

* for developers browsing the development, staging and live server

* for webservices with subdomains for each account and you are logged into multiple Accounts at the same time

For me all of the above apply's(in SalesKing) and i am sick of beeing lost in tabs(ation). So i finally hacked a tiny javascript to enable me and our users to customize their favicon's

== Usage

See favicon and js in page source: 

http://salesking.github.com/dynamic-favicon

RTFC .. as long as the docs are sparse :-)

=== Basics

The js creates a new header link containing a "blind" favicon. Above this base a customizable canvas image is rendered.

You can configure:

* background png

* text + color

* text alignment

* font

* image border radius

 

=== Example

Setup with some custom options:

    

  DynFav.txt_color = '#fff';

  DynFav.txt = 'S';

  DynFav.txt_x = 3;

  DynFav.txt_y = 13;

  DynFav.font = 'bold 13px Arial';

  DynFav.change();

== Size

== License

MIT 2011 Georg Leciejewski