Style versus style

You may be wondering "What's with the coloured squares in the top left corner?" By clicking on each of the squares, the presentation of the whole website is altered. This is our fun way of showing you how a nicely designed and well coded website can be transformed with just a few changes to the underlying code in the style sheet.

In web development, Cascading Style Sheets (CSS) is a language used to describe the presentation of a web page document (usually written in HTML or XHTML). The main purpose of CSS is to separate the content of the web page from the style of the page.

This separation provides more flexibility and control in presentation, can improve content accessibility, and reduce complexity and repetition in the structural content. Prior to CSS, nearly all of the presentational attributes of HTML documents were contained within the HTML markup. This means that all font colors, background styles and other elements had to be explicitly described, often repeatedly, within the HTML. CSS allows authors to move much of that information to a separate style sheet resulting in considerably simpler HTML markup.

What does this mean for the visitor?

For the visitor, the information can be presented in different ways, depending on how they are viewing the site. For example, for a complex web design, we could create a print style sheet, so that when the visitor wants to print the page, only certain elements of the page are displayed and printed.

What does this mean for the client?

Firstly, by having all the style attributes of a website in one separate document, the website loads faster and uses less bandwidth, saving the client money on hosting costs and improving the visitor's experience of the website.

But the best thing about creating well coded websites using best practices and CSS is the website's design can be altered slightly, quite easily. If a large change to the site's design is required, all the style elements of the website are contained in one separate document making the process easier, quicker and less costly.

It's what we do

At Jimmyweb, we love designing with best practice and using CSS as a standard on all of our web designs. And it can even be fun! Have you clicked on those little coloured squares yet?

Articles

Jimmyweb Articles

Portfolio

View our portfolio

Enter the Jimmyweb website design portfolio and view a few examples of some of the effective websites we have created.