Web Design

CSS and Jquery – Creating an Image Slider

Posted under Advanced Css Tutorials on Wednesday, 10 June 2009 by ashu

Great CSS tutorial explaining how to use CSS and Jquery to create an amazingly dynamic image slider on hover. Its really versatile and useful. The tutorial also covers a couple more advanced CSS techniques. View...

CSS and Jquery – Creating an Image Slider

How to Write Shorthand CSS

Posted under Advanced Css Tutorials on Wednesday, 10 June 2009 by ashu

Today I wanted to talk about what shorthand CSS is and how it can help lower the amount of CSS you the developer has to write. In the whole scheme of things, CSS is here to help us sum up large amounts of styles and attributes into compact rules and classes that we cascade down our site. With...

Pure CSS Vertical Menu

Posted under Advanced Css Tutorials on Wednesday, 10 June 2009 by ashu

Today we are going to build the second most common site menu navigation, the vertical navigation menu. Here we are going to be using only pure CSS, no hacks, and unordered lists to create our vertical menu and three levels of pop outs. This vertical navigation menu will work in IE5, IE6, IE7...

CSS and Properly Centering Elements

Posted under Advanced Css Tutorials on Wednesday, 10 June 2009 by ashu

Today I want to talk about how we can properly center elements using CSS. Not only how to center elements, but center them across all browsers and versions. View...

Two Column Layout

Posted under Advanced Css Tutorials on Wednesday, 10 June 2009 by ashu

This is a simple way to create a two column layout with css View...

Better typography with CSS

Posted under Advanced Css Tutorials on Wednesday, 10 June 2009 by ashu

In this tutorial, we’re going to look at some simple techniques you can apply to any bit of copy to dramatically improve the visual appeal and readability. We’ll start with some text marked up semantically, and won’t touch the XHTML at all in this exercise; everything will be achieved...