COM372-14 : Web Design and Development

HTML

• Project Starter Template
• Basic HTML Template
• HTML Element Reference

CSS

• Common CSS Properties
• Complete CSS reference
• CSS Tricks

Color

• Kuler
• Colour Lovers
• Design Seeds

Type

• Typekit (subscription-based service)
• Google Web Fonts (free fonts)
• FontSquirrel (free fonts)
• Web Typography (online book)
• Practical Typography (online book)
• Nice Web Type

Stock Photography

• Pexels
• Dustin Senos has curated a list of great places to get stock photography without having to pay for it. Please be sure to pay attention to licensing (frequently you will see references to Creative Commons licensing).

Online Books / Things to Read

• 20 Things I Learned About Browsers and the Web

Books to Buy

• Anything By A Book Apart

Online Courses / Full Tutorials

• Don't Fear The Internet - Basic HTML & CSS for Non-Web Designers
• Learn to Code HTML & CSS
• Codecademy
• Codeschool (Code School is not free, but is a fabulous resource for learning to code)
• Hack Design
• Dash

Experiments / Short Tutorials

• CodePen
• CoDrops Playground
• WebTuts

Help!

• StackOverflow
• Web Troubleshooting Checklist
• WTF HTML & CSS
• HTML Code Validator
• CSS Code Validator
• Google

A note about W3Schools - if you are searching for help on Google, you will eventually get answers from a website called W3Schools. I recommend that you avoid taking recommendations from this website - they have a history of having inaccurate information. Please read W3Fools for more information.