Create a Better Favicon for Your Website with favico.js

Monday, 09 September 2013
(2 votes)

Create a Better Favicon for Your Website with favico.js

A favicon (short for Favorite icon), also known as a shortcut icon, Web site icon, URL icon, or bookmark icon, is a file containing one or more small icons, most commonly 16×16 pixels, associated with a particular Web site or Web page. A web designer can create such an icon and install it into a Web site (or Web page) by several means, and graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar (sometimes in the history as well) and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab, and site-specific browsers use the favicon as desktop icon. Read more →

Just a quick heads up to Favico.js, a fantastic JS library that lets you do all sorts of awesome stuff with your site’s favicon.

You may have noticed a number of popular web services like Gmail and Facebook have this already to notify you of new messages and such. Now you can add it your site too thanks to the work of web and mobile developer Miroslave Magda.

Have a browse through all the various options, from slide animations, pop animations and even video.

If you experience any problems, another alternative worth checking out is Tinycon.

The following are browsers that already support favico.js:




Start with  Favico.js →

Is it not a great idea to follow me to be recieve my last posts? Follow me now!

Follow me on Twitter, Like me on Facebook or Subscribe on YouTube


2146 times

Monday, 09 September 2013

Ibrahim Jabbari

I am Ibrahim Jabbari Web Designer / Developer since 2006, This is my blog, I'll share my experiences, Useful resources and all update news from IT world with you all, I hope you enjoy surfing my blog. Connect with me on Facebook, Twitter and and Instagram.