As a web developer – website performance is one of the key aspects I am passionate about. Wherever applicable, I try to use optimization techniques like CSS Sprites, minifying files etc., Data URIs is another interesting technique I cam across. Oddly, I wasn’t able to find many websites using this technique. The primary reason could be maintenance and browser compatibility issues.  As part of this article, I will document any Data URI related information I come across and share my insights.
Read it all

Experimenting with CSS3 : Here is a working draft on creating a series of water bottles with each bottle indicating the water level.
Demo at Js Fiddle
Read it all

With the power of CSS3, you can create rich buttons and links which are cross-browser compatible – by making use of background gradients and box shadows. Here are some examples on how you can create scalable buttons with CSS3.

Read it all

If you are passionate about CSS and web design, you might have come across lot of discussions on the web about using multiple borders and backgrounds for a DIV. Here is an interesting experiment I was dabbling with – to create a combination of backgrounds for a DIV using ‘z-index’ and ‘opacity’.

Read it all

The power of CSS is overlooked at times. Having worked on a variety of websites, in this article I wanted to share some of the valuable lessons I learnt about CSS – the hard way.

Read it all