Within the Design and Layout area you'll find a wide range of annotated links to web design tutorials, tips, and resources, usability, cross-platform and cross-browser issues, information architecture, creativity, and more.

 



Articles, Tips, and Tutorials on Web Design

Alertbox: Current Issues in Web Usability
Jakob Nielsen's Alertbox with bi-weekly articles on usability for websites. Highly popular articles and well-known usability expert. His articles and opinions are mostly respected, some controversial, but always a good read.
[Jakob Nielsen, Useit.com]

Back to the User: Creating User- Focused Web Sites
Chapter 1 excerpt from the New Riders book, Back to the User: Creating User-Focused Web Sites. This new article at WDVL covers how to think like users with your site design. Learn how to integrate web design, content, and navigation with branding and marketing as well.
[01/31/2002 by New Riders authors Tammy Sachs, Gary McClain, Ph.D. for WDVL]

Clutter Versus Clicking in Web Design
ClickZ's Gerry McGovern discusses various approaches to navigational design, the pros and cons, examples and discussion. Good article.
[07/19/01, Gerry McGovern, ClickZ]

"Consider It Before You Build It," Designing for the Color Blind
by Samuel Granato. Good article explaining what to consider when designing sites for the color blind. Links to resources, too.
[08/27/01 The Big Green, stumede.com]

More about color and design (including design for color blind): WebsiteTips.com's Color section.

Dan's Web Tips
by Daniel Tobias. Lots of hints and tips about Web site development. Good resource, info, well written articles.
[dantobias.com]

Designing Web Usability
At WDVL, chapter 4 excerpt from the book by the same name, published by New Riders, Jakob Nielson, author. Excellent chapter on design for search engine implementation at your site. Good insight.
[05/04/01 WDVL]

Eyetracking Study of Web Readers
Jakob Nielsen's commentary about Pointer's Study of how readers read the web. Interesting reading, links to various resources and info.
[05/14/00 Useit.com]

Registration Revamp
By Janice Crotty Fraser, WebTechniques. Usable navigation for registration forms based on keeping it as simple as possible, eliminating unnecessary steps, clicks, info, more. Excellent points made.
[09/01 by Janice Crotty Fraser, Webtechniques]

Text as Design
By Wendy Peck, Webreference.com. Great multi-faceted article about using text to create some very inspiring designs. Includes several website examples, too. Reviews ideas with several graphics programs - Photoshop, PaintShop Pro, CorelDraw, Fireworks, Flash, and links to more resources.
[02/15/00 by Wendy Peck, Graphics Experts, WebReference.com]

Ten Mistakes in Site Planning
by Steve Franklin, WebReview.com. Well written article about 10 important points to avoid when planning your site (or reviewing an existing site to make improvements).
[09/28/01 by Steve Franklin, WebReview.com]

Top Ten Design Tips for Commerce Sites
by Erica Nelson, WebReview.com. Concise, well done article outlining what to consider for an E-Commerce site, and she provides a checklist, too.
[08/18/00 by Erica Nelson, WebReview.com]

The Top Ten New Mistakes of Web Design
Jakob Nielsen's updated (May 30, 1999) Alertbox article from his 1997 article. Contains many good thoughts and tips about usability and web design.
[05/30/99 by Jakob Nielsen, Useit.com]

Web Standards... it's not easy... but it's worth it
by Rachel Andrew. Good insight about the advantages and disadvantages of web standards, including what it all means, why it matters, a section on tables vs. css-p, Netscape 4 issues.
[2001, by Rachel Andrew, edgeofmyseat.com]

Why Does it Hurt When I <P>? A Call for Web Standards
by Jeffrey Zeldman for High Five. Now in their archives. An excellent article about some of the problems we face designing, building Web sites and why we need standards.
[09/99 by Jeffrey Zeldman, highfivearchive.com]

Your Web Site's First Impression Happens Only Once
by Shirley Kaiser, editor of WebsiteTips.com. From SKDesigns' Website Tips Newsletter, this issue covers the initial impact of your site, questions to ask, items to consider.
[05/01 by Shirley Kaiser, SKDesigns.com]

to top

Websites About Web Design

The following listing contains websites whose purposes are to provide tips, tutorials, articles, resources and other information related to website design.

A List Apart
Exceptional site for high quality articles, tutorials, and a forum all related to web design and development. By Jeffrey Zeldman.

Developer.com
Programmers and developers resource. Excellent. [Note that site is now part of Earthweb.com.]

Digital Web Magazine
Fantastic site for high quality articles, tutorials, reviews, interviews, classifieds, daily news, and more about web design and development. Created and produced by Nick Finck. Exceptional.

evolt.org
One of the best sites around the Web for articles and tips related to design, development, programming, and related for beginners through advanced. Also home of the well known discussion list, thelist. Well organized site with excellent resources.

WebDeveloper.com
Another extensive resource for website developers. Tutorials, links, helpful tips, latest news. Excellent site.

WebmasterBase.com
part of the SitePoint network, this site specializes in articles on getting started, design, coding, site management, resources, reviews, tutorials (many programs covered!), FAQs, resources to freebies for scripts, graphics, counters, more.

Webmaster T's World of Design
Tutorials, references and resources for HTML, marketing and website promotion, search engine placement and info, more, including an E-zine. Great resource.

Webmonkey
Filled to the brim with articles, tips, and tutorials by leading industry experts, Webmonkey is one of the main sources for web design and development information for beginners through advanced.

WebReference.com
Many excellent tutorials here on graphics, design, e-commerce, javascript, including Dmitry's Lab. Another great resource, and links to even more. WebReference.com has been one of the main sites for web design and development information for beginners through advanced.

WebReview.com
One of the Web's main references for web design and developments. Major authors, tutorials, and tips for beginners through advanced. Excellent site.

WebTechniques
Highly regarded, well respected magazine, packed with articles, tutorials, tips, and charts, and for beginners through advanced.

Web Developers Virtual Library
The Original Encyclopedia of Web Technology. Encyclopedia of web design, tutorials and discussion. Extensive resource for web developers and designers, including tutorials on a variety of topics -- authoring, design, graphics, software listings and reviews, resources, several discussion lists, newsletter, much more. Excellent resource.

Web Page Design For Designers
A valuable resource of information for web designers by Joe Gillespie. This site gives ideas, tips and tricks for graphics and palettes, web pages, navigation, web design, includes many helpful link sites. Great site.

to top

Web Design Resource Links

This section provides website sections or web pages with annotated listings to web design articles, tips, resources, and more information.

Good Site Design Practices
Tips and annotated resources by Tobias Brown for good site design practices, including HTML, CSS, design and style, and additional resources. Great reference.

Design and Designers
About.com's Jennifer Kyrnin's section from HTML/XML to help you create web pages or find a web designer.

Design Basics: Balance, Graphic Design Net Links
About.com's annotated website resources for some great design articles.

Design: Creativity & Inspiration
About.com annotated resources to great design resources to help spark your creativity.

DesktopPublishing.com
Just as the name implies, this site is an extensive, very valuable source. Numerous links packed full of helpful resources and information, clipart, service bureaus and printers, and much more.

to top

Web Design Style Guides

Access Washington StyleguideNew!
For Washington State government. Well done. Covers 508 guidelines, accessibility issues, much more.

Web Publishing Manual, by Sun Microsystems
Recently revised, updated. Very thorough, helpful information, addressing many issues of website design - purposes, target audience, links, page length, graphics, image maps, navigation, security, quality, netiquette, content, selling, language, java, further reading, more. Highly recommended.

Library of Congress World Wide Web Style Guide
Very helpful style guide. Provides lots of details about building an entire website, info about hyperlinks, graphics, layout and design, file formats, usability testing, website maintenance, resources to further information.

Style Guide To Online Hypertext
W3C's Tim Berners-Lee's style guide to creating online content. This is a must-see. Initially written in 1995, but updated to remain relevant.