Wednesday, July 16, 2008

Powerful CSS-Techniques For Effective Coding

Creative Use of PNG Transparency in Web Design

With proper PNG support in Internet Explorer 7, and some handy JavaScript and CSS tricks to account for older browsers, we can use PNG images to greatly enhance our design vocabulary.


Advanced CSS Menu Trick
What we want to do here, is instead of simply altering the state of the navigation item the user is currently rolling over, we want to alter the non navigation items as well.


CSS hover effect


Creating a table with dynamically highlighted columns like Crazy Egg’s pricing table