Category: Tutorials

CSS Typography: Contrast Techniques, Tutorials and Best Practices

The main advantage of elegant CSS typography lies in its ability to be both attractive and improves the user experience. When chosen wisely and used carefully, it can be very effective to support the overall design. There are many outstanding examples of how we can do this, and here you will find some of the […]
csshead 0 Comments

Specifics on CSS Specificity

The best way to explain CSS specificity is to start with some examples. CSS specificity can get confusing. Here’s a closer look at how to calculate the actual specificity value to determine which selector takes precedence…
csshead 0 Comments

Equal Height Columns with jQuery

Creating equal-height columns with CSS is sometimes a bear. But who needs the hassle of faux columns, “clear” divs and the rest? With this bit of jQuery, you can easily equalize the heights of any group of elements…
csshead 0 Comments

Create an Advanced CSS Menu

Nice tutorial describing how to create a complex CSS menu using the CSS position property…
csshead 0 Comments

CSS image swap hover effect

Describes how to switch a photo with a description when the mouse hovers over it. Uses mostly CSS and a bit of javascript to fix issues with Internet Explorer…
csshead 0 Comments

A List Apart: CSS Sprites: Image Slicing

The original, and probably still the best, article on replacing old-school image slicing and dicing with a nice CSS solution. Learn how to build a grid of images and then get each individual image out of the grid. You’ll then be able to store all your buttons, navigation items or whatever in a single master […]
csshead 0 Comments

Animated GIF For CSS Sprites

Interesting article that describes a case scenario for using animated GIFs as a CSS sprite…
csshead 0 Comments

Using CSS and GIF’s to animate a menu

Remember our good old friend the animated gif? There was a time when the ability to animate GIF’s made web sites a little more fun… or horribly obnoxious. It seems that no one really harnessed the power of animated GIFs, and today the only place they seem to be used are in banner advertisements when […]
csshead 0 Comments

How to Code HTML Email Newsletters

Coding HTML email can be a mix of misery and pain for programmers. This article will bring you up to date on how to code HTML email so that it will display well in most email software. I describe the results of my own hands-on experience creating HTML email newsletters for clients, as well as […]
csshead 0 Comments

The Highly Extensible CSS Interface

Introducing “The Highly Extensible CSS Interface,” a 4 part series of tutorials on designing and coding interfaces that are flexible enough to adapt in ways the designer or developer may not foresee when handing off coded templates…
csshead 0 Comments
« Previous Page — Next Page »