Epic Favicon Generator | 20+ Favicon Sizes!

Wikipedia’s favicon displayed by
an older version of Firefox

A favicon is the little icon you see next to the web address for a site in your browser bar. Back in 1999 when they were introduced, by Internet Explorer 5, favicons were a mere 16 x 16 pixel picture that had to be in the .ico format.

Today, the big five (Firefox, Chrome, Safari, Opera, and IE) all support favicons, and the files can be .ico, png, gif, or even .jpg (except in IE).  The sizes are also much more varied, depending on the way you view the internet (desctop, mobile,  tablet). It seems like each series of devices is looking for a different sized file. A simple solution to adding multiple favicon sizes to your page is The Epic Favicon Generator by Unbox. Upload a file and this generator converts it into any numberer of different sizes depending on what you need. This favicon generator also writes the code that you put in your html header to display the images. All you need to do is copy and paste the code and upload the images it creates to your server.

The Epic Favicon Generator offers 20+ favicon sizes and is free! Check it out!

Source: Epic Favicon Generator | 20+ Favicon Sizes!

Coverr – Beautiful, free videos for your homepage

If you have been thinking about using a hero video for your site, Coverr.co has a great selection of public domain videos that are free to use for personal and commercial projects. The videos that re on Coverr are simple shots of things like blurry traffic scenes, nature shots and keys typing. They are on short loops, so they bring some motion but won’t distract too much from your content. As of today there are more than a hundred videos with new ones released every Monday.

Beautiful, free videos for your homepage background

Source: Coverr – Beautiful, free videos for your homepage

Typeset.js – an HTML pre-processor for web typography

typeset.js-300x2761Remember when people read books?  This Javascript application by David Merfield makes your boring web typography look like a finely laid out manuscript.

before Typeset.js
before typeset

after Ttpeset.jsafter typeset

The differences don’t jump out right away, but dosen’t that hanging punctuation look nice? What about those quotations?

The code is available now on GitHub.

Source: Typeset.js – an HTML pre-processor for web typography