Online Resources for Web Design
Top Picks
By Category: Web Design| HTML, XHTML and XML | CSS | JavaScript | Photoshop
Web Design
Color
- Adobe Kuler
Create your own swatches - Color Evaluation Tool
From Stanford University - Allows you to evaluate the color contrast characteristics of your desired colors. - Color Contrast Analyzer Tool
Allows you to check the contrast of two colors using the W3C's color contrast algorithm by specifying the colors directly.
Design Basics
- Legal Aspects of Web Design
Provides an introduction to legal issues surrounding web design, such as copyrights, trademarks, photo usage, etc. - Web Design From Scratch
This online course covers essential skills of designing for the web, published by the "Web Doctor". There are about 60 tutorials and topics, covering all kinds of subjects from layout and navigation to writing and color, plus case studies that show the concepts in practice. - ebizWebpages
A list of resources that will help increase your understanding of principles and elements when creating powerful web pages. - GIF vs. JPEG
Outlines the basic rules about what is the appropriate format for specific image types. - Fav Icons - Tools for creating still and animated favicons from regular images.
- Cool Home Pages
Looking for some inspiration? This site's tagline is "Still the only known cure for designer's block." - A List Apart
Exceptional site for high quality articles, tutorials, and a forum all related to web design and development. By Jeffrey Zeldman. - Web Design Practices
Fantastic website with case studies done on a range of web design practices, such as a variety of navigation approaches, e-commerce functions, and page layout. Fascinating information, and well done. - WebDeveloper.com: Design
Another extensive resource for website designers and developers. Tutorials, links, helpful tips, latest news. Excellent site. - Web Monkey - Web Basics
Filled to the brim with articles, tips, and tutorials by leading industry experts, Web monkey is one of the main sources for web design and development information for beginners through advanced. - Web Design Tutorials
Everything from website design tips and ideas to CSS Styles, Fireworks and Dreamweaver is available here. - Six Revisions - Web Design
- W3 Schools
- Introduction to Adobe Flash - Flash is a tool for creating interactive and animated Web sites! Learn how to start using Flash in your applications.
- Web Multimedia Tutorial - Learn how to add multimedia (sound and video) to your web pages.
HTML, XHTML and XML
- W3Schools.com
- Introduction to HTML - HTML was designed to display data.
- Introduction to XHTML - XHTML is a stricter and cleaner version of HTML.
- Introduction to XML - XML was designed to transport and store data.
- Introduction to DHTML - DHTML combines HTML, JavaScript, DOM, and CSS.
- New York Public Library Online Style Guide
A great resource for those looking to upgrade existing content to standards-based markup.
- Formatting HTML Content Correctly (WebAIM.org)
Creating Semantic Structure. - XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition)
The W3C specification. - Deprecated Elements and Attributes
Elements and attributes that have been deprecated in the most recent version of XHTML, XHTML 1.0. - HTML Tidy
Dave Raggett's HTML TIDY is a free utility that provides an automatic way to fix HTML coding mistakes and to tidy up sloppy editing into nicely laid-out markup. - XML Toolkit web site
From the Center for Technology in Government. It has detailed steps, code samples, resources, etc. for using XML for web site management in a variety of different web site environments. Very practical info on how to incorporate XML within existing web sites. - W3 HTML/XHTML Validator
CSS
CSS Basics
- CSS Zen Garden Resources
Known as one of the most comprehensive sources of information on CSS, Zen Garden (Mezzoblue.com) provides relevant content. - 12 Lessons for Those Afraid of CSS and Standards
(A List Apart)
- CSS Beginners Guide
(also includes intermediate and advanced) - W3 Schools on CSS
- Introduction to CSS - Learn how to use CSS to control the style and layout of multiple Web pages all at once.
- Six Revisions - CSS
- Firefox Web Developer Toolbar
- Layout Techniques - Look Ma, No Tables!
- Dynamic Drive CSS Library - CSS code, examples, menus.
- Menu Samples from CSSDrive.com
- Little Boxes
Optional page layout tutorials - CSS Hack Management
Molly Holzschlag - Jigsaw W3 CSS Validator
CSS Articles
- Preparing your CSS for Internet Explorer 7
(July 2006) Internet Explorer 7 has different (and better) support for CSS than any of its predecessors - find out what implications this may have for your website. - Ten more CSS tricks you may not know
(May 2006) Follow up to the popular article, ‘Ten CSS tricks you may not know’ - learn something new and see how many you already know! - Internet Explorer & CSS issues
(March 2006) Internet Explorer has a number of CSS issues. Find out what these issues are and how to get around them, so your website looks the same in all browsers. - CSS and round corners: Borders with curves
(January 2006) Discover how to make boxes with rounded borders, all through the power of CSS.
JavaScript
- W3 Schools - Introduction to JavaScript
JavaScript is used in millions of Web pages to improve the design, validate forms, detect browsers, create cookies, and much more. JavaScript is the most popular scripting language on the internet, and works in all major browsers, such as Internet Explorer, Firefox, and Opera.
- JavaScript Tutorials
From ScriptSearch.com - JavaScript Tutorials & Reference Guides
From Accredited-Online-College-Degrees.com
Photoshop
- 15 Amazing Abstract Photoshop Tutorials
- Photoshop Tutorials
From Adobe TV (sample video on Techniques for Photographers.) - Photoshop Tutorials, Tips and Tricks
From PhotoshopSupport.com - Spoonfed Photoshop Tutorials
- More Photoshop Tutorials, from Worth1000.com
- Tutorials from PhotoshopLab.com
- Six Revisions: Adobe Photoshop Tutorial