Design tutorials and beautiful examples of how to design websites

Learn how to escape the confines of your QWERTY keyboard—in this article, Daniel shows how you can enrich your web site text with correct typographic punctuation!

The topic of design contests is a polarizing one. In this article Richard Scott, a designer who makes the majority of his living from design contests, reveals why he chooses to ignore the pleas of the NO!SPEC crowd -- and how he's a better designer because of it.

When he was at Web Directions South this year, Kev met with Cameron Adams and Andy Clarke. The three discussed topics ranging from typography and the user experience to adaptable designs and the mysterious CSS Eleven project.

Variety is the spice of life! With Photoshop, CSS, and a little creativity, you can enjoy a feast of design options. Corrie shows how easy it is to tweak the graphic ingredients of your designs to produce completely different results. She cooks up three tasty design styles in Photoshop, then shows, step-by-step, how to reproduce them using CSS. Don't worry, folks: all recipes are provided in full!

Many elements of a site affect how successfully it communicates with users. Wire frames can untangle your site's layout from its graphical communication, to help boost usability, logical content flow, and support the creation of a compelling graphic design - Matt explains how.

Create powerful online ads using the principals of good ad design, and get more value from each campaign you run. Heather explains the common trends in online advertising - and how you can apply them - in this practical overview...

In the intangible online environment, physical evidence of the quality of your business and products can make or break a sale. Heather explains how to present your products to their best advantage using top-notch shots.

Oft-maligned, mis-appropriated and abused, frames *can* be useful in some situations. Mike explains the basics of frame-based layout, and how to ensure your framed content works on today's Web.

Mike follows up Part 1 of his tables primer with hints and tips for some of the lesser-known tags. Bone up on your use of THEAD, CAPTION, and COLGROUP, as well as a few tricky non-HTML 4 tags.

If you're starting from scratch, and the acronym CSS seems daunting, this tutorial is for you! Here, Mike helps you master tables for data presentation and layout.