Resources
Class Materials
- Responsive Web
- JavaScript Basics [🎥 1, 🎥 2]
- jQuery Basics and DOM manipulation [🎥]
- Code Lab Session 1: The JavaScript Toggle [🎥]
- Final checklist
Other Online Courses
File Structures & Naming Principles
- Mozilla: Dealing with Your Files
- Google Developer Documentation Style Guide: Filenames and File Types
- BEM(Block, Element, Modifier) Methodology
- More Transparent UI Code with Namespaces
Debugging & Troubleshooting
Responsive Web & Media Queries
- Fluid Grids
- Chris Coyier’s simple grid approach
- 7 Habits of Highly Effective Media Queries
- CSS viewport units
- 8px grid
- CSS Grid Generator
- Fluid Grids
- Screensiz.es
- Mediaqueri.es
Cross Browser Compatibility
SVG
HTML
CSS
CSS: Typography
- Setting Type on the Web to a Baseline Grid
- Controlling Spacing Web Typography
- A responsive typographic baseline for the web
- Leading-Trim: The Future of Digital Typesetting