Using margin or padding properties of CSS in the following syntax is straight forward. { padding-top:5px; padding-right:12px; padding-bottom: 15px; padding-left: 20px; } But the shorthand version of these properties may be a little difficult to remember for CSS beginners. The above CSS declaration can be written as; {padding:5px 12px 15px 20px;} Now how do you […]
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 your header div how do […]
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 technique is known as resetting […]
OK developers here is your next software project. Create a web page that will display Homer Simpson’s image on the screen. Too easy for you? Here is the catch. You cannot use any image. Yes that is correct you will need to draw Simpson’s image without using any graphics. Sounds impossible? If you think this […]
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 experience lot of developers do […]
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