zParacha.com

Positioning text in the center of an element is easily done using text-align:center property. But how do you position an entire element, for e.g; a div or an image in the center of the containing parent element? For example, if you want to put an image at the center of Continue Reading »

One of the challenges web designers face is to get various web browsers render their web pages in a consistent manner. The reason is every browser assigns slightly different default styles to certain page elements. A simple approach to handle this cross-browser inconsistency is to overwrite browsers’ default styles. This Continue Reading »

Jina Bolton at Vitamin.com has an excellent post for all CSS developers. She described how you can write well structured stylesheets which are more efficient and easy to maintain. Some of the tips may look intuitive but many times we all need reminder to get the basics right. In my Continue Reading »

A nice little tool to create rounded boxes for your website. You can choose the background color for your box. The tool will generate the CSS code and a sample HTML page. Generating rounded-box has never been easier. CSS Rounded Box Generator /* //

Sometimes it is nice to jazz up your website by giving text some graphical looks without actually using images. The CSS2 text-shadow property allows you to create shadow for your text. Unfortunately so far the only browser that supports this property is Safari. You can find tutorials on the web Continue Reading »

.codeText{color:blue;font-weight:normal;width:100%;} .subhead{color:gray;font-weight:bold;text-decoration:underline;} CSS, combined with little JavaScript, offers great flexibility to web designers. For instance, let say you want to allow visitors to change text size on your website. Now how do you do it? Using CSS is the easiest solution. All you need is few style sheets and a Continue Reading »

If you need quick reference CSS guide, look no further. This CSS cheat sheet is a comprehensive list of all CSS properties. Accompanying brief explanation adds value to this cheat sheet. You may want to bookmark this page. Cascading Style Cheatsheet //

A very good article explaining how to load JavaScript and CSS files asynchronously and on demand. Dynamically loading an external JavaScript or CSS file //