Web Building Resources
First published on 8 August 2023
Last updated on 8 September 2023
Here is a list of resources for learning or helping you to build your own website, including HTML, CSS, JavaScript, as well as responsive and accessible web design.
General
Learn HTML & CSS
Learn Responsive Web Design
- Kevin Powell: Conquering Responsive Layouts
- web.dev: Learn Responsive Design!
- Interneting Is Hard: Responsive Design
- freeCodeCamp: Responsive Web Design
- Wes Bos: What the Flexbox?!
- Wes Bos: CSS Grid
- web.dev: Learn CSS! - Flexbox module
- web.dev: Learn CSS! - Grid module
- web.dev: Learn Images!
- Josh Comeau: An Interactive Guide to Flexbox
- CSS-Tricks: A Complete Guide to Flexbox
- CSS-Tricks: A Complete Guide to CSS Grid
- Flexbox Froggy - A game for learning CSS flexbox
- Grid Garden - A game for learning CSS grid
Learn JavaScript
- freeCodeCamp: JavaScript Algorithms and Data Structures
- Traversy Media YouTube: Modern JavaScript From The Beginning
- MDN: JavaScript - Dynamic client-side scripting
- JavaScript.info: The Modern JavaScript Tutorial
- Wes Bos: JavaScript Notes & Reference
- freeCodeCamp YouTube: Learn JavaScript - Full Course for Beginners
Web Accessibility
- web.dev: Learn Accessibility!
- Udacity: Web Accessibility
- edX: The World Wide Web Consortium (W3C) - Introduction to Web Accessibility
- Web Accessibility Initiative (WAI): Introduction to Web Accessibility
- MDN: Accessibility
- Web Accessibility Initiative (WAI): WCAG Overview
- web.dev: Learn Forms!
- Inclusive Components
- The A11y Project
- Smashing Magazine: Accessibility