CSS3 + Progressive Enhancement = Smart Design

Progressive enhancement is a good thing, and CSS3 is even better. Combined, they enable designers to create lighter, cleaner websites faster and easier than ever before. CSS3 can do some pretty amazing stuff: text shadows, rgba transparency, multiple background images, embedded fonts, and tons more. It’s awesome, but not all browsers are up to snuff. As designers, it’s up to us to decide which browsers to support for our projects…

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

CSS Performance: UI with Fewer Images

Often performance improvements come with their drawbacks, sometimes improving performance causes pains in other parts of the development process or strips stuff from the final product. Sometimes there’s even a conflict where you have to pick: slow, unusable and beautiful or fast and looking like hacked with a blunt axe. But it doesn’t have to be this way. This post outlines some approaches to achieving common UI elements using CSS tricks in as many browsers as possible while using as fewer images as possible. Some of the tricks are brand new, some are very, very old. They all have in common the “fewer or no images” mantra. Using fewer images comes with some pronounced benefits…

VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)

Nice Web Type – Pure CSS text gradient no PNGs

So there you have it. A pure CSS text gradient with no PNG images necessary. Of course, it only works in Safari. Get your mind into techniques like this now, and you’ll know the logic when other browsers catch up…

VN:F [1.9.22_1171]
Rating: -1 (from 1 vote)