When CNN recently redesigned their website, they created a strongly-branded and beautiful header section that includes a navigation bar with beveled buttons. Although CNN’s navigation bar utilizes CSS sprites for highlighted and active buttons, the primary design of the buttons (the beveled effect) is done with pure CSS.
I think this is a common-known technique among experienced developers, but many beginning web designers will probably resort to images to create this effect, which is not necessary. So, in this brief tutorial I’ll show you how to create a navigation bar with beveled edges using pure CSS, identical to that on CNN.
Recently, while doing research/work on a completely unrelated topic, I came across the beautiful illustrations on 
Starting today, and pending the work involved and subsequent success/failure, I will be regularly posting screencasts on Impressive Webs. Most of my writing time is spent authoring stuff for Smashing Magazine and Web Designer Depot of late, so I thought, as a change of pace, I could start doing some screencasts for my own site.
Since my knowledge of CSS3 is fairly shoddy, I decided to create and release a CSS3 “click chart” or “help chart” (for lack of a better term) that displays examples of some of the newest features in CSS.
Today I’m happy to announce the launch of a new project I’ve been working on since late December. It’s a simple website called 
The 
It’s been quite a start to this week since the publication of my article on Smashing Magazine called 
Last week I posted a tutorial that demonstrated using a simple application how to implement 
If you’ve done your best to keep up with web development trends over the past five years or more, then it’s likely that you’re familiar with the concept of 
Over the weekend I rolled out a new “skin” for Impressive Webs, which I think improves the site’s design quite a bit. There’s more contrast, which creates a more distinct experience. And I finally have a logo that I’m satisfied with.
