AGConsult Home

Nederlands - Français  

 

  Usability & Information architecture  

 

 Home
 Services
 Seminars
 Publications
 News
 Newsletter
 References
 About us
 Contact us
 

 Home > Publications > Articles > Style sheets: why?

  Style sheets: why use them?
Style sheets make it possible to separate the way the content appears on a web site from the actual content itself. A good use of style sheets not only enhances the consistency of your site, it also makes a site easier to maintain and improves loading times with an average of 10%.

What is a style sheet? 
A style sheet (Cascading Style Sheets) allows you to specify a number of parameters that define the look of a web page in a document that is completely separate from the HTML code. These parameters are for example the way links are presented, the look of tables and buttons, everything to do with fonts… Because a style sheet can be addressed by all the pages of a web site, this technique offers a number of advantages for both the web builder and the visitor.

Advantages for web builders 
Because the entire look of a site is generated by one single document, the site becomes a lot easier to manage and maintain. When for example the marketing manager decides that the colour of the links should be changed from blue to red or that the whole site has to be in a different colour for Valentine's day, you can simply change the specifications of your style sheet instead of manually adapting every page of the site.

A logical consequence is of course that the use of a style sheet enhances the stylistic uniformity of your site, which is very important when you're building an online brand. Style sheets also make it easier on the web master: he doesn't have to look up the exact size font of a title or table anymore because it's all right there in the style sheet.

By separating the way the content appears from the actual content itself (even when it is database generated) the same content can be optimised for use on different platforms. Older or lesser known browsers, exotic drivers or specific hardware (pda's, set-top boxes,...) that don't support specific 'tags' can still be accommodated by presenting them with a different style sheet. And even when you don't do that, there's always the HTML-code of the page itself. A style sheet also makes it easier when you have to optimise your site in the future for a different platform, like for example Internet via television.

Because the use of a style sheet eliminates a lot of tags from the page code, the HTML layout becomes more transparent. Not only does that make the job of your current web master a lot simpler, it also makes it easier to pass the project on to someone else.

Advantages for users 
The most important advantage of style sheets for users is the remarkably faster loading time of a site. The lighter HTML pages and the fact that the style sheet only has to be transferred to a user's PC once for every surfing session guarantee a speeding up of loading times of 10%. So don't use embedded styles in which all the style elements are described on the top of every page but limit yourself to one style sheet per site. Only use different style sheets when they are meant for different platforms.

Els Aerts & Karl Gilis

A more in depth version of this article has appeared in Tips & Advies Online Ondernemen, year 5, number 13 (Belgium and the Netherlands).

 

 

 
Related articles:
Style sheets: some basic guidelines
Printer-friendly pages
Visually handicapped users are users too
Page size and downloading time
Usability testing
Usability


All articles

 
Recommended reading:
101 essential tips for a user-friendly site
An excellent reference work that will help you prevent and solve usability problems.


Knowledge areas

Web writing
Website optimization
Website usability
Intranet usability

Usability services

Expert review
User test
Competitor analysis
Prepaid usability consulting

User research & IA

Information architecture
User research
Mock-up - Wireframe
Functional analysis - Request for proposal

Trainings

Writing for the web training
Usability training
Information architecture training
Redesign training

Background info

Publications
Usability articles
Web usability

© AGConsult - info@agconsult.be - +32 (0)3 293 39 96 - Privacy policy