HTML and CSS Resources

I have found the following links and tools to be particularly helpful for developing basic web page design skills.

Note: you should still click through the “Optional” links so that you know what content is available there. It may become useful to you later in the course.

Learning HTML and CSS

Required:

• HTMLDog’s HTML5 Tutorial. Focus for now on the Beginner Tutorial (except forms) and the Intermediate tutorial (just span/div, Meta).
• HTMLDog’s CSS Tutorial

Optional, but useful:

• Starting with HTML and CSS
• CSS/Training self-study course
• Getting Started with CSS
• The CSS Cookbook: Page Elements
• HTML5 Cheat Sheet (pdf)
• CSS3 Cheat Sheet (pdf)

Google Web Fonts

Required:

• Getting started with Google Web Fonts
• 10 Great Google Web Font Combinations

Optional:

• Showcase of best type faces from Google Fonts
• 10 useful Google Font combinations
• 10 more great font combinations
• Our favorite font combinations
• Font Combinator (if you want to roll your own combination)

CSS Colors

Required:

• CSS Color Names
• CSS Color Grid

Chrome Developer Tools

Required:

• Chrome Developer Tools Video Tutorial
• Another Chrome Developer Tools Video Tutorial

Optional:

• 12 Tricks for Chrome Developer Tools Users

Auto-reloading

Optional, but strongly recommended.

• LiveReload Startup Guide