Resources for Learning HTML and CSS

— Tagged: web-development HTML5 CSS3

I'm not trying to re-invent the wheel, so I'll point you in the direction of the best, most comprehensive, learning resources for HTML and CSS.

A Beginner’s Guide to HTML & CSS

A Beginner’s Guide to HTML & CSS is written by designer and front-end developer Shay Howe. Outlining the fundamentals, this guide works through all common elements of front-end design and development.

Topics include:

  • Terminology, Syntax, and Introduction
  • Elements and Semantics
  • Box Model and Positioning
  • Typography
  • Backgrounds and Gradients
  • Unordered, Ordered, and Definition Lists
  • Images, Audio, and Video
  • Building Forms
  • Organizing Data with Tables
  • Coding Practices and Additional Resources

Once you’ve gone step-by-step through the guide, you should have a solid grasp of HTML and CSS.

An Advanced Guide to HTML & CSS

An Advanced Guide to HTML & CSS takes a deeper look at front-end design and development, expanding on what is covered in the beginner’s guide. Studying modern front-end development, this guide teaches the latest for any designer looking to round out their front-end skills. An Advanced Guide to HTML & CSS is written by designer and front-end developer Shay Howe.

Topics include:

  • Performance and Optimization
  • Detailed Positioning
  • Complex Selectors
  • Responsive Web Design
  • Preprocessors
  • jQuery
  • Transforms
  • Transistions and Animations
  • Feature Support and Polyfills
  • Extending Semantics and Accessibility

Learn CSS Layout

This site teaches the CSS fundamentals that are used in any website’s layout. Written and built by Greg Smith. Design by Isaac Durazo.

Hack Design

Learn at your own pace. With articles, videos, and tutorials curated by some of the world’s best designers, there’s no easier way to learn design this year.


Their mission is to bring affordable Technology education to people everywhere, in order to help them achieve their dreams and change the world.

Treehouse is a paid subscription website. If possible, see if your workplace will reimburse you for the membership fee–the knowledge you gain will be worth it.

Check out the Resources page for more.

Want to have your say? Send me a tweet »