Website Design Noobs: September 2015

Friday, September 25, 2015

How can I make a favicon?

A favicon is a small image that appears the tab bar of a browser next to the title of the page.

Pixel dimensions that should be included in favicon.ico
64×64 – Safari Reading List, Windows site icons
24×24 – Pinned site in Internet Explorer 9
32×32 – High DPI or “retina” displays will typically use this size
16×16 – Browsers like Chrome, IE, Safari

To make a favicon, create each of the image sizes with a tool like Photoshop Elements. Then combine the images into a file with an .ICO extension using a tool such as X-Icon Editor.

A good site to find lots of free favicons is Free Favicon.

The favicon should be stored in a favicon.ico file in the foot directory of your web site. To use the favicon, add the following tag between your <head> and </head> tags of your web site.

<link rel="shortcut icon" href="/favicon.ico">

See an example favicons in use at TravelPhrase.

Sunday, September 20, 2015

How to Set the Margins of an Image on a WebSite

The order of margins are top, right, bottom and left (clock-wise).

Margins can be negative.

See examples at http://travelphrase.com/french-phrasebook.html

Thursday, September 17, 2015

How do I redirect a web page?

That's how.

Theoretically you are supposed to put this line of html between the <head></head> tags but our tests show you can put it as the first line of a page rendered with Chrome v45 and above.

Set content to something other than 0 (seconds) to delay opening the new page.