• View
• Edit
• History
• Print

Resources for Web Design

HTML, XHTML

• HTML Tag Library from Jessett.com
• 30 HTML Best Practices for Beginners
• HTML Help Sheet by Liquidicity (PDF, 112kb)
• HTML Cheat Sheet
• HTML Character Entities Cheat Sheet
• Periodic Table of the HTML5 Elements
• Activating Browser Modes with Doctype

CSS

• css-cheat-sheet-v2.pdf (315 KB)
• CSS Tutorial - W3schools.com
• Mastering CSS Coding: Getting Started
• CSS Shorthand Cheat Sheet
• CSS Sprites Workflow | CSS-Tricks
• CSS Beginner Tutorial
• ProCSSor - Advanced CSS Prettifier
• CSS Cheat Sheet by pxleyes.com
• CSS3 Quick Reference Guide

Information Design

• Top 10 Most Important Pages Every Blog Or Website Should Have

SEO (Search Engine Optimization)

• In the Woods – 20 SEO Tips That Every Web Developer Should Follow
• SEO: A Comprehensive Guide for Beginners

Web Accessibility and Usability

• Dive Into Accessibility, Free 30 day course - http://diveintoaccessibility.org/
• Web Accessibility Initiative -- http://www.w3.org/WAI/
• Checklist of Checkpoints for Web Content Accessibility Guidelines 1.0 - http://www.w3.org/TR/WCAG10/full-checklist.html
• WAVE is a free web accessibility evaluation tool - http://wave.webaim.org/
• WebDevTips - Accessibility Home - http://www.webdevtips.co.uk/webdevtips/html/accessibility/index.shtml
• Joe Clark's Web Accesibility - http://joeclark.org/book/

Online books

• Web Style Guide 3rd Edition
• Designing for the Web
• The Elements of Typographic Style Applied to the Web
• Just Ask: Integrating Accessibility Throughout Design
• Access by Design
• Taking Your Talent To The Web
• Web Designer’s Success Guide
• Design Your Imagination
• The Woork Handbook
• Web Design Reference Guide
• HTML and CSS Tutorials, References, and Articles - HTML Dog

Good Articles on Web Design

• A 6-Step General Process for Producing a Website
• Starting Out Organized: Website Content Planning The Right Way
• The Ultimate Website Prelaunch Checklist
• Using a Pre-Launch Checklist for your Website | Webdesigner Depot

A little bit humor

• How a Web Design Goes Straight to Hell - The Oatmeal

Software and Tools for Web Design

WYSIWYG HTML Editors

• Kompozer (Windows/Mac/Linux, Free)
• iWeb (Mac, $99 for iLife bundle)
• Adobe Dreamweaver (Windows/Mac, $300)
• Microsoft Expression Web (Windows, $125)
• Flux (Mac, $75)

Wireframing Tools

• Mockingbird -- is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.
• Lovely Charts - Lovely Charts is an online diagramming application, that allows you to create flowcharts, sitemaps, organization charts and wireframes.
• Cacoo - Cacoo is a user-friendly online drawing tool that allows you to create a variety of diagrams, such as sitemaps, wireframes and network charts.
• Gliffy - Creating a website wireframe is easy with Gliffy's free wireframe tool. Just drag and drop boxes, buttons, and lines from the web wireframe tool shape library anywhere onto the page.
• Lumzy - Lumzy is a mockup and prototype creation tool for websites and applications. You can add events to controls, place controls inside other containers and emulate your project with easy page navigation triggered by user actions.
• Mockflow - Mockflow is a web app based on the Adobe Flash Platform. It has a clean, minimalistic, organized interface and the editing feature-set set is extensive.