Css Over Load

Without css file you can’t see a web page/site, if css file is huge it makes web site load slow, so what to do?

how to Optimize your css code?

There are various way to Optimize your code, firstly you can do it manually using short hand css properties how every i am not explaining about it because you can get info from this links

http://brightscape.net/2007/10/04/squeeze-your-css-files-into-shape

http://www.pat-burt.com/web-development/10-tips-for-a-smaller-css-file

if you don’t want to waste your time in modifying your old style sheets you can simply use online css compress tools, it make your work in seconds
check this online css compress tools

http://www.cssoptimiser.com

http://www.cleancss.com

http://www.cssdrive.com/index.php/main/csscompressor

http://www.cssdrive.com/index.php/main/csscompressoradvanced

http://zamez.org/factorcss

Using Css Sprites

CSS sprites allow you to create a single image file that contains all the images laid out in a grid, requiring only a single image and you can show respective image using backgroung-postion property…

For more info

http://www.alistapart.com/articles/sprites

Online Css Sprites Creator

http://www.csssprites.com

It also displays code for background postion for image for each image.

Will this tips reduce css file size, yes no doubt in it

Note: Don’t forget to validate your style sheet

Advertisements

4 Responses to Css Over Load

  1. Lara says:

    Wow.. This is a very great list of resources… Thanks for the awesome information… I’ve been learning CSS nowadays… This is a very big help… 🙂

  2. Rob says:

    Nice round-up of links. Thanks for including Brightscape.

  3. It’s a big yes for me, hohohohoho it helps me a lot.. now i can sleep well… It’s a big THANK YOU to this site….

  4. Andreas says:

    nice tipps, i’ll use them in my next project to see how it works.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: