Did you know that your css code could be slowing down your website? Did you also know that there is a free solution out there that can help you optimize or reformat your css code for speed and readability? This article is going to explain the benefits of optimizing your css code and the reasons why all web designers should be doing it. First we need to take into account the 2 reasons why you would want to reformat your css: readability and optimization.

Readability

Having nicely formatted css that easily readable is very helpful when you are developing a site. Most of us (me included) can get pretty sloppy when in a hurry to develop code, and a formatter can really help out to make it more readable.

On development teams where both Macs and PCs are used, sometimes line breaks are not read correctly across platforms and your css can end up all on one line. A formatter can help get your code looking pretty again.

Optimization

The opposite of readability is optimization. One problem with CSS is that it can get pretty file-size heavy when designing with it - especially on complex layouts. Optimizing your CSS will strip out all unnecessary characters and leave your CSS lean and mean.

Optimizing css is great to do once you've finished your site and don't plan to work on the design very much anymore.

The css formatter is a great tool because it can do both! You can format for readability while you are designing, optimize when you go live, and reformat it for readability if you ever need to work on it again. It's really a 'win win' thing to do.

Like a lot of web developers, I'm not always that disciplined when it comes to the file naming convention I use and I sometimes end up with a situation whereby I have some files that are in lowercase, some that begin with a capital, and some that are a bit of a mixture.

One web site I maintain contains about 2000 web pages and has about 20,000 hyperlinks. As you can imagine, I had one of those sinking feelings when I was told that in order to migrate the web site to a new content management system, all the file names and hyperlinks would need to be changed to lowercase.

Whenever I am presented with a problem like this, my instinct is always to write a Perl script using one or more regular expressions to solve the problem. This particular situation was no exception.

Change a string to lowercase

The following regular expression changes all the characters in a string to lowercase. The first part of the regular expression finds a hyperlink, and the second part converts the string. (Just in case this article is not displayed correctly, there should be a single backslash in front of the 'L$1').

Change a filename to lowercase

Likewise, changing a filename itself is very simple. The following two lines perform the task quite nicely:

(Again, there should be a single backslash in front of the 'L$name'.)

If you need more information on how to incorporate the above code snippets into a complete script, feel free to contact me directly.

There are two approaches to DIY Website Construction.

The first is to go about gathering and purchasing all of the components separately. The second is to buy a package that has all of the components and build your website yourself using the tools at your disposal.

When you think about what you will need for a DIY Website Construction, consider the following:

• Domain Name
• Web Hosting
• Templates or HTML program
• Keyword Research
• Content generation
• Autoresponder
• Sitemap submission
• Community or forum for support

If you don't do this on a regular basis, putting all of the pieces together for a DIY website may seem overwhelming.

But you don't need to put all of the separate components together to do your website yourself. You can buy a package that combines the best of everything.

One thing, though. Your best bet is NOT one of the domain name services. These services allow you to get a "brochure site" up quickly. But they don't help you generate a website that sells. And, unless you are putting up a website just for friends and family, there's no use in a website that doesn't sell.

Instead, you should look for a package company whose goal is to make your site sell. They're not there to sell lots of additional components, they want you to succeed.

For one price, you should get your domain name, web hosting, templates, keyword research, an autoresponder, email addresses, sitemap submission, statistics monitoring, and more. You also want to make sure that there is some level of support for the community whether it is phone based technical support or a welcoming forum.

If you're not ready to put all of the components of a DIY website together yourself yet, I recommend Site Build It for a package deal. It includes all of the necessary components and has a very supportive forum community.

To get the SBI package deal, click through to my Small Business Website Marketing Blog.