Css Galleries

February 3, 2008

Looking for inspiration for your web site, or you think your site can inspire others then just submit your site or have a look at this galleries/show case sites.

csselite

cssremix

cssbeauty.com

6 Comments | Css, Web Designing | Tagged: Css Galleries, Css Web Sites Collection, Css web Sites Show Case | Permalink
Posted by santosh setty

Css Over Load

January 24, 2008

Without css file you can 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

3 Comments | Articals, Css, Dream Weaver, Web Designing | Tagged: Css Optimization tips, Css Over Load, Css Shorthand Properies, Css Sprites, Css Tips | Permalink
Posted by santosh setty

Basic Seo Tips for Web Designer

December 25, 2007

After designing a layout for a web site, we obviously start converting it into HTML during this session as a web designer we mainly concentrate on cross browser compatibility but we also need to concentrate on some basic seo things like…

1. Using Correct Doctype.

2. Using Meta Content and Meta Keywords.

3. Using Alt tags for Images.

4. Using Valid HTML and CSS code.

5. Make your web site load fast.

1. Why to Use Doctype and what does correct doctype means?

Document type defination(DTD) is also know as Doctype, doctype informs the browser how to interpret the content of the page. If the the doctype is not declared, the browser assumes you don’t know how to code, and goes into quirks mode. If you know what you are doing and include a correct HTML doctype, your page will be rendered in standards mode.

Use correct doctype, for example your using strict doctype and you use used align in in div tag or in p tag then doctype you used is not correct because align attribute is deprecated in strict doctype.

2. Using Meta Content and Meta Keywords.

Use proper keywords and content relate to your web site, that helps search engine to crawl your web site.

3. Using Alt tags for Images.

Specify alt tag for image and that alt tag should be a keyword related to web site, because images you have placed on site can be seen by visitors but not by search engines, so alt tag help search engines to read, with the help of alt tags search engines display the image results.

4. Using Valid HTML and CSS code.

Validate your html and css code and make your code w3c standard.

validate your html code here

http://validator.w3.org

validate your css code here

http://jigsaw.w3.org/css-validator

5. Make your web site load fast.

Don’t mess up your site with heavy images that makes your site heavy and slow, try to optimize images that reduces weight and helps to load fast.

Online Image Optimizer