Calendar - Responsive Web Design
Part 1: Principles of Responsive Web Design
- Read For Class
- There's nothing to read for this week.
- Due
- There's nothing due this week.
- Assigned
-
Nothing assigned this week
- Slides from Class
- View Slides From Class
- Read For Class
- HTML&CSS - Introduction, Ch. 1 Structure, Ch.2 Text, Ch. 3 Lists
- Optional - New York Times Home Page Redesign Process
- Due
-
No assignments due
- Assigned
- HTML Basics 1
- Slides from Class
- View Slides From Class
- Read For Class
- HTML&CSS - Ch.4 Links, Ch. 5 Images, Ch.6 Tables, Ch.7 Forms, Ch.8 Extra Markup
- Absolute vs. Relative Paths and Links (Just Scan)
- Due
- HTML Basics 1
- Assigned
- HTML Basics 2
- Slides from Class
- View Slides From Class
- Read For Class
- HTML&CSS - Ch. 10 Introducing CSS, Ch. 11 Color, Ch. 12 Text, Ch. 14 Lists Tables & Forms
- For Reference - CSS Reference
- For Discussion - Designing With Code
- Due
- HTML Basics 2
- Assigned
- CSS Basics 1
- Slides from Class
- View Slides From Class
- Read For Class
- How We Read by Jason Santa Maria
- Size Matters - Balancing Line Length and Font Size in Responsive Web Design
- In Class - Watch Understanding the CSS Box Model on Lynda.com
- HTML&CSS Ch. 13 Boxes, Ch. 15 Layout, Ch. 16 Images, Ch. 17 HTML5 Layout
- Due
- CSS Basics 1
- Assigned
- CSS Basics 2
- Slides from Class
- View Slides From Class
- Read For Class
- An Animated Guide to Flexbox
- Responsive Web Design - Ch. 5 Becoming Responsive
- For Reference - A Complete Guide to Flexbox - CSS Tricks
- Due
- CSS Basics 2
- Assigned
- CSS Basic Layout
- Slides from Class
- View Slides From Class
- Read For Class
- In Class - Finishing Understanding the CSS Box Model (Part 2)
- Responsive Web Design - Ch. 1 Our Responsive Web, Ch. 2 The Flexible Grid, Ch. 3 Flexible Images, Ch. 4 Media Queries
- Due
- CSS Basic Layout
- Assigned
- HTML/CSS Mini Exam (In Class), Fonts and Media Queries
- Slides from Class
- View Slides From Class
Part 2: Responsive Design in Practice
- Read For Class
- Due
- HTML/CSS Mini Exam (In Class), Fonts and Media Queries
- Assigned
- Semester Project (Overview), CSS Intermediate Layout
- Read For Class
- Due
- Research and Competitive Analysis, CSS Intermediate Layout
- Assigned
- Content and Sketching, CSS Advanced Layout (2 Week Assignment), Research and Competitive Analysis
- Slides from Class
- View Slides From Class
- Read For Class
- Style Tiles and How They Work by Samantha Warren
- Our New Responsive Design Deliverable - The Style Prototype
- Responsive Comping - Obtaining Client Feedback Without Mockups by Matt Griffin
- Responsive Deliverables by Dave Rupert
- In Class - Why Mobile Menus Belong at the Bottom of the Screen
- CSS Grid Your First Grid
- Due
- Content and Sketching
- Assigned
- Style Tiles and Mockups
- Slides from Class
- View Slides From Class
- Read For Class
- There's nothing to read for this week.
- Due
- There's nothing due this week.
- Assigned
- There's nothing assigned this week.
- Read For Class
- In Class - Video on The Information Age (Netflix)
- HTML Wireframes by Brad Frost
- Atomic Web Design by Brad Frost
- For Discussion- The Hamburger Doesn't Work
- Due
- Style Tiles and Mockups
- Assigned
- HTML/CSS Templates/Patterns
- Read For Class
- Due
- There's nothing due this week.
- Assigned
- There's nothing assigned this week.
- Read For Class
- Due
- CSS Advanced Layout (2 Week Assignment)
- Assigned
- Project Hub, Pattern Library, and Review Session
- Read For Class
- Due
- There's nothing due this week.
- Assigned
- There's nothing assigned this week.
- Read For Class
- Due
- There's nothing due this week.
- Assigned
- There's nothing assigned this week.
Final Projects
- Read For Class
- There's nothing to read for this week.
- Due
- Group and Self Assesment, Project Hub, Pattern Library, and Review Session, HTML/CSS Templates/Patterns, Semester Project (Overview)
- Assigned
- Group and Self Assesment