Category: Tutorials

The 6 Most Important CSS Techniques You Need To Know

Trevor Davis has compiled a quick tutorial, with examples, of the 6 most important CSS techniques that you need to know: Get a Consistent Base Font Size Get Consistent Margins Set a Float to Clear a Float Image Replacement Faux Columns CSS Sprites
csshead 0 Comments

Working with HSL in CSS

RGB can be a real pain to work with. It’s hardware-oriented, non-intuitive difficult to use without an external reference. Coding colors by hand shouldn’t be that hard. Fortunately, CSS3 offers support for the HSL color space that is much easier to work with as a human…
csshead 0 Comments

Two simple ways to create text embossing effect

Embossing is very popular trend in web design (the actual term for this effect is “inset”, although many people call it embossing). It is very simple to create. This short tutorial will show you how to create this effect using pure CSS…
csshead 0 Comments

How to Create a CSS Menu Using Image Sprites

Follow these steps to build your own modern navigation bar design, starting with the initial steps in Photoshop to flesh out the design, then moving on to constructing the HTML and styling with the CSS image sprite technique…
csshead 0 Comments

Beautiful fonts with @font-face

While Firefox 3.0 improved typographic rendering by introducing support for kerning, ligatures, and multiple weights along with support for rendering complex scripts, authors are still limited to using commonly available fonts in their designs. Firefox 3.5 removes this restriction by introducing support for the CSS @font-face rule, a way of linking to TrueType and OpenType […]
csshead 0 Comments

CSS Transparency Settings for All Browsers

Transparency is one of those weird things that is treated completely differently in all browsers. To cover all your bases, you need 4 separate CSS statements. Fortunately they don’t interfere with each other really, so using them all every time you wish to add transparency is no big hassle and worry-free…
csshead 0 Comments

Styling buttons to look like links

It actually isn’t hard to make a submit button look like a link using CSS so you should never find yourself in a position where you have to sacrifice forms for links purely for the sake of the design…
csshead 0 Comments

Adaptive CSS-Layouts: New Era In Fluid Layouts?

Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to work around most, if not […]
csshead 0 Comments

How To Use Multiple CSS Backgrounds

An article showing how you can use multiple divs and therefore multiple background images to create your web designs. Is that the right thing to do? From a web standardista’s point of view, probably not. But the technique is there if you ever need it…
csshead 0 Comments

Tutorial All About CSS Floats

Float is a CSS positioning property. If you are familiar with print design, you can think of it like an image in a layout where the text wraps around it as necessary. In web design, an image that is floated remains a part of the flow of a web page. That means that if it […]
csshead 0 Comments
« Previous Page — Next Page »