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 image file…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

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 flash isn’t available.

One of the more powerful capabilities of CSS is the use of the :hover pseudo selector. It is one of the only abilities we have to alter the behavior of a website simply through XHML and CSS (and there is a debate if this even should be done, but this is more about capabilities rather than theoretical debates of what should/shouldn’t be done)…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

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 bits of technical information from the Internet…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

How to use headings in HTML

Many of web standards rookies feel that passing validation is good enough to call their work web standards compliant. Those who are more involved in web standards know that there’s more than that. Use of headings is a good example. While the validator will not show any warnings or errors for headings, you can’t say that your page is valid if your heading structure fails…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Making Internet Explorer use PNG Alpha transparency

Internet Explorer supports some extra style features for providing transitions and filters to images. Two of these can help us with transparency in IE6. One is the AlphaImageLoader, which applies an image to the background of any element whose height and width are both explicitly set (or if the position: absolute; style is set) and supports full Alpha transparency. It is supported from Internet Explorer 5.5. The second is Alpha, which can be used to provide Alpha transparency to any element, making the element transparent….

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)