Vandelay Design

Why Use CSS-Based Design

Published March 4th, 2007 in CSS

The goal is to harness the benefits that make the technology powerful from a design standpoint: less code, increased accessibility, and easier maintenance, to name a few.
Dan Cederholm from Bulletproof Web Design (page vii)

Cascading Style Sheets (CSS) allow for the designer to separate the content from the design. A CSS-based design allows the designer to create a site with much less code than a site with an identical look that has been designed with tables. While tables are appropriate in some situations, a design that primarily uses CSS to control the layout has several advantages:

  1. The decreased amount of code allows for faster downloads.
  2. The decreased amount of code allows search engines to easily access the true content of a page, ideally resulting in higher search engine rankings. Search engines rank pages based on their content. With table-based design the page will contain substantial coding that does not relate to the content. CSS-based pages will have minimal extra markup which makes it easier for the search engines to find the content. If excessive coding prevents the search engines from finding the content, the pages ranking will suffer. In addition, CSS-based design allows the website designer to position the most valuable content ahead of less meaningful content, whereas tables present content in the order that it is displayed on the page. Content higher in the code will generally have more influence on search engine rankings.
  3. CSS-based design is easier to modify than table-based design. If a designer wants to make significant changes to the layout of a page designed with tables, starting over may be the only option. CSS makes it easier to perform routine updates as well as significant layout changes.
  4. CSS-based design allows a website to be more accessible across various browsers, as well as to those with disabilities using screenreaders and other devices.

If you are interested in creating a new website or having your current website re-designed, please see the packages that are available from Vandelay Website Design.

11 Responses to “Why Use CSS-Based Design”

Braintrove.com January 2nd, 2008

CSS is definitely the way to go. Tables have their place, but they do render slower. Thanks for sharing your ideas.

css web templates January 23rd, 2008

CSS is definitely the way to go.i like the templates design with css!

Rusty March 14th, 2008

CSS is the future!

diş beyazlatma March 22nd, 2008

thanks

cssmake July 10th, 2008

good information

Term Papers Help August 17th, 2008

I totally agree here. CSS makes your life a lot easier. These days I just can’t imagine designing a website without using CSS. With CSS you can save a lot of code and it will actually help you in maintaining your website.

CSS can also help you reduce errors, especially related to browser compatibility. And last, but not least, it will help you modify you website with ease.

Lida September 13th, 2008

Thanks for sharing your ideas.

Trackbacks

Leave a Reply