Benefits of using CSS
Web design is constantly evolving and changing, a few years back webpages were primarily designed and laid out using tables, an inappropriate method which somehow worked and became somewhat of a standard. Then the emergence of CSS came about, which gave designers more control over the elements on their pages such as styling font color, size, type face etc. CSS has since grown and matured to provide even more control to designers to lay out their page elements, from relative positioning of elements to absolute positioning, and even creating mouse over effects to create nice looking navigation which is not only optimized and lightweight, but also practical and easy to set up. No more creating multiple sets of buttons in photoshop with just the font color changed to represent a button state, everything can now be set in CSS with a nice background image for the button and the button states can be represented using CSS.
However, with all the benefits CSS brings, there are people who are still unwilling to make the switch, and prefer the old table method of laying out pages. An inability to accept change or just too used to the old ways of doing things? Either way, the change is imminent and a few years down the road, almost all websites would be CSS based, even search engines are preferring websites which use CSS, as it is lighter and allows the spiders to crawl and index pages more accurately and efficiently. So if you're still looking for a reason to make the change to CSS, I've listed out 10 benefits of using CSS, read through and make the decision yourself:
- Separate layout from content.
- Use an external style sheet for all your website’s styling.
- Easily update the style for huge websites which contain thousands of pages in a fast and efficient manner
Search engine benefits.- More weight is given to content at the top of a HTML document by Google.
- You can structure your content to appear before the rest of your page elements, allowing search engine spider bots to index your content easily.
- Faster loading pages.
- Tables load very slowly as the spider has to crawl through each and every table.
- Loading time is further slowed down if you have a series of nested tables.
- Smaller file sizes.
- Pages designed with CSS generally have smaller file sizes as the amount of code on the HTML document is reduced comapared to tables.
- The smaller file size also reduces load time.
- Wider accessibility.
- CSS2 provides aural properties that enable non-sighted users and voice browser users the ability to browse through your site.Other
- CSS2 media rules allow pages to be designed to cater to braille devices, speech synthesizers etc.
- Save time.
- CSS allows you to reuse general styles for future designs, saving you time should you build a site from scratch.
- Save money.
- The ability to reuse style sheets for various projects saves you time on your development process and enables you to bring in more projects, thus increasing your income in a shorter time period.
- Flexibility of design.
- With CSS you can control the positioning of your design layout to pixel precision. Something that was not possible using tables.
- Way of the future.
- Future websites will be built upon the CSS standard for better accessibility and optimization to enable as many people as possible to view a website.
- If your website is still using tables it may soon become obsolete or lose out on search engine indexing, which could hurt your business.
- Print friendly.
- You can make print friendly web pages with CSS by writing an alternate CSS document to be called up when the user chooses to print a page. You can specify the formatting, images, navigation to disappear and only show the page content in the printed version.

















Comments
Post new comment