Google has made coding standards and style guide for CSS, HTML, JavaScript, Python, C++ and Objective C. If you work on any of these then you may like to have a look at those page. As usual the guidelines writing is simple yet useful. For CSS and HTML there are… (Continue)

If you are tired of correcting z-index and it is still not working then check the following points in your CSS code:
1. z-Index only works for positioned elements:
So, value with position:absolute, position:relative, or position:fixed will respond to z-Index.
2. If you are setting z-index to menu kind of… (Continue)

Here is a working sample with code for CSS overlay on Images. It is not using any JavaScript library. It is just HTML and CSS. It is very simple to create. Just you need to adjust the css for making the alignment very specific if you HTML is different. Important… (Continue)

I recently used nth-child() selector and two class selector.
Uses of nth-child() is simple. Just need to remember the small syntax. The below CSS will make table’s row alternate in color. Table’s id is poslist as used here.
#poslist tr:nth-child(even) {background: #DDD;}
#poslist tr:nth-child(odd) {background: #FFF}
 
I need to… (Continue)

Designing List using CSS is not a big thing. Generally I need to use few lines for simple setting of List (<li>). One things that creates problem every time is IE6 and IE7. I always see by surprise why why so much padding/margin IE6 and IE7 getting whereas IE8 and… (Continue)

Compression can be done using Apache or PHP settings. If you are not using those two methods and using this method of clearing cached CSS file on Client side then the code below by Reinhold Weber can be useful.
Using the below method for trimming whitespace and comments may not… (Continue)

All blogger spend time making his blog beautiful. Blogger want to style his blog or web site by selecting right template for his blog. For WordPress user, there are plenty of themes available free of cost and premium ones also. After selecting a very good, suitable for his content template,… (Continue)

This article is for CSS Image swap with text for SEO purpose. This article is also for the following reasons:
I need to create a template kind of system on a page, so that new row can be added easily without any new consideration of the styling. All image was… (Continue)

Want to decrease response time of your webpages? Decreasing the size of JavaScript and CSS files is one of the techniques used for better performance of websites.
Yahoo Compression tool for JavaScript and CSS is excellent tool for minifying JavaScript and CSS files. It can achieve over 20% compression. I… (Continue)

Using css2 we can add content before or after any HTML elements. This gives us control over the dynamically generated content.
Suppose, some HTML contents are coming through widget, And we do not have any control over them. Then, we can either use server side scripting language to get the… (Continue)