Relax Breath of Solution.

Just I wanted.. Do you?…

How to achieve cross-browser font-face support

At the moment, web fonts are all the buzz. Unfortunately, achieving cross browser support is not easy. In this tutorial, I’ll show you how to get custom fonts working in all of the major browsers. use following link to view it

Read More »

Faux Columns Technique

It is very common in layouts to have 2 columns next to each other, with one column having a background color, and the other column just being white. Since the columns will almost never have the same amount of content in them, the easiest way to fake this, is to have a 1px tall background image being repeated vertically in the containing element of the 2 columns.

Read More »

Sticky Footer – A static footer with very little css

* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin is the negative value of the footer’s height */
}
.footer, .push {
height: 142px; /* .push must be the same height as .footer */
}

Read More »

CSS Sprites and How To Use Them

I thought you would never ask. Let’s start by showing the BEFORE example. Notice in the CSS below how the anchor tag does not get a background-image, but each individual class does.

Read More »

pseudo-class in css with examples

CSS pseudo-classes are used to add special effects to some selectors.

Read More »

keep looking »