Schedule Syllabus In-Class Activities Assignments Resources Videos

Schedule Syllabus In-Class Activities Assignments Resources Videos

HTML

Rules of Thumb
Text Markup Tags
Linking
Images
Media Tags
Composite Tags
Semantic Tags
Form Tags

Visualization

Narrative Visualization & Storytelling

CSS

Rules of Thumb
CSS Selectors
Color
Fonts
The Box Model
Units
Media Queries
CSS Grid
CSS Flexbox
Advanced CSS Techniques

Data

Overview
Visualization Gallery
Tableau Public Cheat Sheet
Interacting with Google Sheets over the Web

JavaScript

DOM Cheatsheet

CSS: CSS Flexbox

Resources & Documentation

Flexbox Froggy (game)
CSS Tricks: A guide to flexbox (recommended)

Examples

Example 1: Rows

Example 2: Columns