Reading list and curated tutorials

HTML

• Basic web pages
• Links and images
• Semantic HTML

CSS

• Hello CSS
• The CSS cascade
• CSS box model
• CSS selectors
• Floats
• Positioning
• Responsive design
• Responsive images
• Web typography
• BEM by example
• Getting your head around BEM syntax
• Every Layout. We have paid for full access to this site - contact Nicki or Simon for details.

Flexbox

• A complete guide to Flexbox
• CSS flexible box layout
• Flexbox tutorial

Grid

• A complete guide to grid
• CSS grid layout

JavaScript

• The modern JavaScript tutorial
• Web dev toolkit
• Daily developer tips

WAI-ARIA

• What is ARIA?
• Introduction to ARIA
• ARIA spec for the uninitiated: part 1
• ARIA spec for the uninitiated: part 2
• ARIA spec for the uninitiated: part 3
• What ARIA still does not do

Accessibility

• WCAG primer
  
• How to meet WCAG (quick reference)
• Accessibility myths
• Browsing with assistive technology
• A beginner's guide to manual accessibility testing
• Using VoiceOver to evaluate web accessibility on MacOS
• Using NVDA to evaluate web accessibility on Windows
• Studio 24 guide to accessible content

PHP

• PHP for beginners

To practice PHP and JS

• CodeWars