HTML Reading List

HTML, CSS & Javascript

It’s important to have strong fundamentals in HTML, CSS and JS. The following will give a starting point to know the good basics of designing good front-end interfaces. In particular, pay attention not just to the hows but also the whys.

• HTML Basics @ Mozilla Developers Network
• HTML & CSS at Internet Is Hard
  • Basic Web Pages
  • Semantic HTML
  • Links & Images
  • Forms
  • Floats
• Guides @HTML Dog
• Intro to HTML/CSS: Making webpages | Computer programming |Khan Academy
• Introduction to the CSS box model – CSS | MDN
• Learn Layout
• Understanding Progressive Enhancement · An A List Apart Article
• A re-introduction to JavaScript (JS tutorial) – JavaScript | MDN and https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide

Accessibility

BarrierBreak is all about accessibility. It’s extremely important to know why and how to make accessible web interfaces. The following will provide you with a good starting point on this.

• Web Accessibility Initiative
• WebAim Articles (but especially the following)
  • Introduction
  • Alternate Text
  • Form Controls
  • http://webaim.org/resources/evalquickref/ 
• CSS and JavaScript accessibility best practices – Learn web development | MDN
• Importance of Sections
• An overview of accessible web applications and widgets – Accessibility | MDN

Specs

As a trainer and an expert, you should be familiar with reading the official specs and guidelines.

• Web Content Accessibility Guidelines (WCAG) 2.0
• WAI-ARIA
• HTML 5
• CSS
• ARIA – Accessibility | MDN

Reference sites

The following are some of the specs, as well as some sites you may want to use as a reference from time to time.

• Practical ARIA Examples
• HTML 5 Doctor – Find out the semantics of all html5 elements from this
• HTML5 Accessibility
• CSS Reference – A free visual guide to CSS
• CSS Reference | Codrops