Personalise your users experience with the use of a favicon.ico file. Web browsers check to see if you site has a Favourites Icon which allows a user to easily identify your website in their favourites list. Some browsers; most popularly Chrome, FireFox, and IE 7+; show the icon in the tabs for easy identification.
Give your website an icon
Sunday, June 6th, 2010Why should I comply with web standards?
Thursday, February 25th, 2010Complying with web standards can give your web pages greater visibility in web searches. The structural information present in compliant documents makes it easy for search engines to access and evaluate the information in those documents, and they get indexed more accurately.
CSS VS Tables
Thursday, February 25th, 2010Tables are meant for tabular data and therefore using them to control layout is sloppy. They also mean that you need to edit more pages to move things such as menu items. CSS gives you more diversity and allows you to lay your markup in a more accessible way by hiding jump-links for example.
If you are using FireFox, View >> Page Style >> No Style and you will notice that the website is not broke by the fact there is no style. Tabled websites often will or content is read before links making sites less accessible.
Import vs Link
Thursday, February 25th, 2010Import is where you import a .css file from inside another css declaration in the header of a html document or in another style-sheet. The main advantage is that older browsers ignore these and will not fall over because of styles they don’t understand.
You can have an import within a link or an import but not within a link. Using imports correctly you can ‘override’ styles to fix flaws of the rendering in older browsers which would cause a design fault in a newer browser.
e.g.
//STYLES HERE TO FIX FLAWS IN THE WAY OLDER BROSWERS RENDER WEBSITE
@import "newerbrowser.css";//IMPORT TO OVERRIDE THEMMethod Priorities in (X)HTML
Thursday, February 25th, 2010A style defined in an (X)HTML tag takes priority over styles defined in the head of the (X)HTML document. Styles defined in the head of the (X)HTML document take priority over styles defined in an external style sheet.
For example if you have the font colour of text contained within a <p> tag black in the main external style-sheet of your website but on one page you wish to have it dark grey. You don’t need to add a new class and give it to every <p> tag to do this, you can just define a fresh style in the header of the document to change the font colour which will take priority over the original style.
