Tips on Html/CSS programming

Here are some very small tips that will help you a little upgrading on your coding standards with html/css, may be you already know most of them :).

* You can use "@import" instead of "<link ". The diference is, css that are imported using @import won't be save to client machine using browsers "save as" option. They must have to save them individually. So, a man without basic html/css knowledge won't be able to get them.

* If you have many css files for various functionality, then instead of import them all to the main template/page, you can import only one css that imports all others. Like you only import allcss.css file and this file contains code like follows:

@import layout.css
@import style.css
@import plugin.css
@import other.css

This has one disadvantage also. This makes the the browser cache the files, so if you are in development mode, this will happen worse for you as you will not be able to see new changes just after reloading the page. so, its better to develop using <link tag and change to @import while production made as that will give visitor better performance because of caching strategy.

* You can use if else condition on CSS Style sheet for using liquid design for your site that will keep standard ratio on various monitors & screen resolution like follows:

body
{
width:expression(document.body.clientWidth > 1200? "1200px": "auto" );
}

expression attribute can use javascript condition code to get you an result.