Media13.com is a source of free to republish or reprint articles, writers may submit your articles in our database as long so you agree that your article will be freely republish or reprint by other.

Submit Article

Search our database

Received article from us.

Name

Email Address

Friends

Bollywood News
Link building
Article submission service
Freelance Writers
Laser hair removal

We have been looking for freelance writers. Contact us

Why you should convert to CSS by James Crooke

Introduction

What is CSS? - I hear some of you ask. Well, CSS stands for Cascading Style Sheets and they have been around since the early 1990`s believe it or not.

The Wikipedia definition (changed so that it makes sense!) is as follows:

CSS (Cascading Style Sheets) is a language that describes the presentation
form of a structured document.


An XML or a HTML based document does not have a set style, but it consists of 
structured text without style information. How the document will look when printed
on paper and viewed in a browser or maybe a cellphone is determined by a style 
sheet. A good way of making a document look consistent and easy to update is by 
using CSS, which Wikipedia is a good example of.

So, why should we use CSS?

There are many benefits of utilising CSS on your web pages. Before you skip to the disadvantages, I can tell you now that the advantages easily outweigh the bad points. Below is a short, descriptive list of reasons to make the change:

Save on bandwidth

The more HTML code you use, the large the file size of the page. It doesn`t take a genius to work that one out - so the most obvious solution is to cut down on the amount of HTML (something that Yahoo! might want to consider sometime, probably saving them Ł100,000`s). CSS will certainly help to cut down on the amount of code you use, for example, replacing all of your <font> tags (which are now obsolete by the way) with simple style declarations.

In reducing your file size, you will in turn reduce the amount of bandwidth your website consumes each month, hopefully saving you money. Typically, a heavy HTML coded website can measure up to 80KB`s in size (without taking images or other media into consideration) - using CSS can cut down the file size by approximately 30-40% - a potentially massive saving if your website is popular. To find out how much bandwidth you would save, check out this bandwidth calculator, provided by CJ Website Hosting.

Cleaner, clearer looking code

Usually, CSS code is written in an external style sheet - you can however, use inline styles. Because of this, not only will your page load faster because a) external files are cached by most browsers and b) a stylesheet loads in unison with your web page - it also makes for much cleaner, clearer code.

Still not convinced? Take the example below as hard evidence:

This code is written without CSS:
```
<table border=`0` width=`100%` cellpadding=`10` cellspacing=`0`>
<tr>
<td>
<font face=`verdana` size=`7` color=`#C71585`>
<b>Welcome to my website</b>
</font>
</td>
<td align=`center`>
<font face=`verdana` size=`7` color=`#00FFFF`>
My website is entirely written using HTML, nothing else.
</font>
</td>
</tr>
</table>
```
You can achieve exactly the same result using the following CSS...
```
body
{
font-family:verdana,arial,helvetica;
font-size:100%;
}
h3
{
font: bold 140% verdana;
color:#C71585;
}
#content
{
color: #00FFFF;
}
```
...and the following (tiny piece of) HTML code:
```
<h3>Welcome to my website</h3>
<div id=`content`>
My website is written using the latest in web technology!
</div>
```
Much nicer, I`m sure you`ll agree.

Easy to update = less time consuming = cheaper to maintain!

If you use an external CSS file (which I advise you to do), simply changing the style declarations in this one file will allow you to change the appearance of your entire website. For instance, in the example above, you could quite easily instruct the browser to render the heading tag to the right of the page or you could make the content wrap at 100 pixels - all by changing the CSS. Don`t get me started on what you can achieve with bulleted lists!

Accessible pages and DDA compliance

Visitors who are blind or visually impaired will prefer a CSS designed website far more than one not using CSS.

This is due to the fact that CSS follows web standards endorsed by the World Wide Web Consortium. Because of this, special web browsers (such as text only browsers which read the content out-loud to the visitor) can interpret the content on the page.

CSS will help make your website DDA compliant. The DDA is the Disabilities Discrimination Act, the Act makes it `unlawful for a service provider to discriminate against a disabled person by refusing to provide any service which it provides to members of the public`, specifically mentioning websites.

Another benefit of using CSS is variable font sizes. CSS will allow you to specify a font size as a percentage, doing so will allow visitors with poor eye sight to enlarge the text size. Tip: Try increasing the font size of a page by holding down ctrl and scrolling the wheel of your mouse (if it has one). You will notice that most websites do not allow you to increase the font size (unless you are using the Firefox browser which forces it) because they use pixel measurements. And those that work but use <font> tags (such as Google) are actually breaking the accessibility guidelines.

Generally, websites designed in css are accessible on all sorts of devices including mobile phones and PDAs. The majority of hand held devices will simply ignore the CSS, leaving behind a readable (but bland) web site behind. A table design however is likely to render too wide for the viewable region.

Increase your popularity in SERPS!

Sorry, there I go again with the acronyms. SERPS stands for Search Engine Result Pages - the set of links returned by a search engine in response to a user query.

I can imagine that some of you are thinking `pull the other one! How can using CSS make my website rank higher in Google or MSN!` - well, extensive use of tables and obsolete tags can confuse search engine spiders which crawl your website for content. Some can even confuse code with content, although the major search engines seem to be very good at stripping out every possible HTML tag or JavaScript snippet - but it takes up valuable processing power that they would rather spend elsewhere.

It doesn`t take a genius to work out that, like humans, the search engine will start reading from the top of your web page and just like humans they want to find out how relevant this page is as soon as possible - so cutting down the amount of code will make it easier for the robot to find the relevant text. Research suggests that you will also score `brownie points` with search engines for having standards compliant code that can be rendered across all mediums.

Tip: A combination of well written HTML code, fully utilised CSS and unique, well referenced content is the key to a higher search engine ranking.

Disadvantages of using CSS

As previously mentioned, there arn`t any real disadvantages of using CSS - the pros far outweigh the cons. To put it another way, CSS `div based` design versus table based design is a bit like comparing Liverpool Football Club to Gresley Rovers. There`s only ever going to be one winner and everybody knows it.

So on to the only disadvantage I can think of...

Old browser issues

Old browsers, such as the early versions of Netscape and Internet Explorer. may have a hard time displaying CSS, especially as CSS-2 is now available to use and only the most recent browsers support it.

The solution? Download the latest browser! Which reminds me of potentially one more disadvantage; giving yourself a headache whilst attempting to get your website to look identical in Internet Explorer and Firefox - doh! Oh well, practise makes perfect.

In Conclusion

If you are interested in re-designing your website to use CSS, I would start by learning the basics. Find a simple CSS tutorial on the web and work your way through some more complex CSS examples. Then, have a go at doing your own! You will more than likely hit some problems with cross-browser compatibility but you should find help on webmaster forums such as those found at www.webmasterworld.com and www.sitepoint.com.

Author Info:

James Crooke is a software engineer at CJ Website Hosting. Research interests include Object Orientated Web Applications, SEO and Accessibility in web design.

Latest 20 articles

Hire the California Labor Board or California Labor Law Attorneys - You Decide With a downturn in the economy, many employers are cutting back on payroll. Unfortunately, some employers are reducing payroll costs by violating the California overtime laws. When this occurs, employees have essentially two options to recover their California overtime pay: the California labor board, or hiring California labor law attorneys. Although the California Labor Board is a commonly

Hiring a Car At Bangalore - Is More of Necessity Than A Luxury Your sedan is probably the best materialistic thing that you own and while going to a new place, that is what you ought to miss the most but if you are going to Bangalore then you probably have a option of getting a replacement so that you don’t miss it all that most because it will be as comfortable and as obedient as your own car and the Bangalor

How to Choose a Car Rental Company in Bangalore Bangalore is a place that lists one of the best as far as infrastructure is considered in India as it is the IT hub of India and thus the roads to drive is atmost pleasure and thus if Bangalore is the destination that you are planning for next then the best way to move around is by hiring a car. To hire is car is very simple if it is in Bangalore because there are some very good car rental compani

Car Rental Companies in Bangalore If you are travelling to Bangalore and hiring a car is what worrying you then you can be relaxed because this is one service that you will easily get in Bangalore and that too at very affordable and economic prices. Basically there are really good car rental companies in Bangalore available for renting the cars and you can either book in advance or go there and hire a car for yourself. Also, you h

Tips to Hire a Car in Bangalore One thing that most of us agree is that the fact that the most comfortable way to move around at any place is by your own vehicle but what if you are going to a new place, it is not possible to carry your vehicle along with you and you actually cannot trust too much on the public transportation system and at such situation the best possible option is to hire a car for yourself, at some places it c

Hire a Car: Comfortable Way to explore Bangalore If you are out to a new place than the first thing that comes into your mind is a comfortable accommodation and then the second one on the priority list is a comfortable way to move around in the city and if Bangalore is your preferred location, than you’ll be having options for both of the facilities, but if we specifically speak about the second one that is moving comfortably than the best opti

Car Rental – A convenient mode of transport in Bangalore Bangalore, a place which probably is considered one of the best places in India as far as infrastructure is considered and reasons are many for that, one is because of the IT hub that it is and also because it is one of very good places if you are considering holidays and because of this very good facility provided for the people visiting Bangalore is that you have many options in case if you are

Rent a Car in Bangalore: Take the Right Decision In today’s world, time is money; the more you save it better it is for you. And in that case if you are going to another place where you are not too familiar with the surroundings, then instead of wasting time on travelling by locating and travelling by public transport is to hire a vehicle for yourself. This helps in many ways, one it saves on time and also it moves at your pace so you don’t have

Bangalore Car Rental: Save Your Time When you are at an unknown place or for that matter known place and time is your major factor of concern then, the best way to save on time is by having your own vehicle for conveyance. This gives you freedom to move at your own pace and wish. And for that matter if you are at a place like Bangalore where the roads are so beautiful that it is a sheer pleasure to travel through your own rented vehi

Best Package Tours to Kerala Kerala – God’s own country which means heaven for those who appreciate the real untouched, naďve beauty of nature and if you are one of those than consider Kerala as the option for you next holiday. Kerala gives an option to explore the nature to the fullest because it has all the places where you can explore the nature be it scenic beaches or the hill stations or the ethnic culture, just everythi

Kerala Tour: A Getaway from Regular Stress If you are tired of daily stress and meetings and looking for a getaway so that you snatch some time for yourself with your loved one’s than Kerala holidays is the perfect is the perfect thing for you. Its calmness and closeness to nature would give you that much needed peace of mind that you always wanted. Also along with enjoying the beauty of this scenic place on your holidays to Kerala you can

Kerala Tour Packages: Have A Look If holidays are on your mind, then Kerala is one option that you cannot choose to neglect. Because Kerala is one place that offers you all from calm and serene natural places to exciting sports to exotic beaches and also beautiful hill stations, everything provided at one place which is also known as god’s own country. And obviously such wide range of activities would make it a tough job to cover

Kerala Holidays: Places To Visit Kerala also known as God’s own country, the name itself is synonymous with heavenly experience and to see this heavenly place all you have to do is pack your bags and head straight away to Kerala. Kerala is a place of multiple opportunities of which you can select the ones that interest you the most and design your own package for your Kerala tour. You can come to Kerala for various reasons and th

An Overview to Kerala Tourism Life’s a journey and to keep moving there are occasional breaks that you need to take and if you are looking for one of those breaks than Kerala holidays is one place that is your answer. Be it a family vacation or honeymoon tour or just a getaway with friends, this is one place that provides with ample opportunities for every kind of vacation. In fact there is so much to do and see that you will

Kerala : Popular Travel Destinations Kerala holidays is one thing that you should treat yourself and your family at least once and once you go to Kerala, you’ll have that craving to go back again and again, such is the charm of god’s own country that is Kerala. To give you a glimpse of what all Kerala have to offer to its visitors, let’s start with the most famous tourist hot spot i.e. Munnar, a place which is famous for its tree and

Kerala : Welcome To GOD’S Own Country If serene and calm beauty of nature is what’s on your mind then, Kerala is just the place you are looking for. It is so pristine and pure that it is called God’s own country. Greenery spread everywhere till your eyes can see; picturesque views, fog in the morning etc. are some of the first things you will notice when you step in Kerala. Kerala Tou

A California Labor Law Attorney: Just What You Need in Times of Trouble! In a time where California labor law is constantly changing and employers are playing it “fast and loose” in order to make ends meet, a California labor law attorney may be just what the doctor ordered to explain the complex California overtime laws. With a weakening economy, and jobs being shipped overseas, it is not uncommon to see rampant abuse of the California overtime laws. Employers r

Tax Debt Help Needed - How Can I Stop an IRS Bank Levy? The IRS does give you ample warning that they intend to levy your bank account. You undoubtedly received the notice and demand for payment from the IRS which included the amount you owed in back taxes. You probably did not contact the IRS at that time, and that was very important. The next communication you received was called the “Final Notice” which did express their Intent to Levy and also inc

California Labor Laws: Asserting Your Employee Rights Many employees when experiencing a labor violation are confused as to where to turn and typically take one of four paths. 1. A very common path and usually the most treacherous, is doing nothing at all. When an employee is hesitant to hire California overtime lawyers or California labor law attorneys to handle a situation, it usually gets worse before it gets better. Complacency will typicall

California Overtime Laws: Top 4 Common Employer Mistakes A California labor law attorney has revealed the four most common mistakes that employers make in violation of California overtime laws. Although California labor laws for breaks and lunches are clear, nevertheless employers tend to overlook something as simple as giving their employees a meal or rest break. While this is only one of our top three violations, it is often the most overlooked.

Why you should convert to CSS by James Crooke

Introduction

So, why should we use CSS?

Save on bandwidth

Cleaner, clearer looking code

Easy to update = less time consuming = cheaper to maintain!

Accessible pages and DDA compliance

Increase your popularity in SERPS!

Disadvantages of using CSS

Old browser issues

In Conclusion

Latest 20 articles