Basic HTML Tags
- html tag (basic structure) https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html
- Headings (h1-h6)
- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements
- Links or anchors (a)
- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
- Images (img)
- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img
- https://www.w3schools.com/html/default.asp
A simpler (usually) alternative to the MDN site.
Basic CSS
- CSS Basics
- https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
- CSS Structure
- https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/How_CSS_is_structured
- CSS Reference
- https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
- CSS Tutorial
- Document structure
- https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure
- The CSS Box Model
- https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model
- CSS Positioning
- https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction
- CSS Positioning 2
- https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning
- Basic type controls
- https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Fundamentals
- Using web fonts
- https://
- Flexbox
- https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox
- CSS Grids
- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
- CSS Selectors
- https://developer.mozilla.org/en-US/docs/Web/CSS/Reference#selectors
- CSS layout cookbook
- https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook
- Intro to responsive web design
- https://www.w3schools.com/css/css_rwd_intro.asp
- Responsive design concepts
- https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
- Meta: viewport
- https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design#the_viewport_meta_tag
- W3C Web Content Accessibility Guidelines (WCAG) 2.1
- https://www.w3.org/TR/WCAG21/
- Accessibility checklist
- https://webaim.org/standards/wcag/checklist
- Learn accessibility
- https://developer.mozilla.org/en-US/docs/Learn/Accessibility
- Accessibility for developers
- https://developer.mozilla.org/en-US/docs/Web/Accessibility
- JavaScript introduction
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide
- JavaScript for developers
- https://developer.mozilla.org/en-US/docs/Web/JavaScript
- Intro to jQuery
- https://learn.jquery.com/about-jquery/
- jQuery basics
- https://www.w3schools.com/jquery/jquery_intro.asp
A complete (and very long) reference guide to all CSS properties.
- https://www.w3schools.com/css/default.asp
A simpler (usually) alternative to the MDN CSS site.
HTML Document Structure
CSS Layout
Web Typography
Grids and flexbox
Modern CSS layout techniques.
Flexbox is for 1-dimensional layout - essentially, a single row or column.
CSS Grid Layout is for 2-dimensional layout - essentially, a grid of rows and columns.