1. Web
Responsive Design

2. Project 3: Responsive Story
Create single RESPONSIVE web page that tells a "multiple page" story by queries to display and hide content based on the width of a browser window. Each individual "frame" should tell a part of the narrative. The background image should cycle through a stop motion or flipbook style animation. The content can be a creative short story, topic, or idea of your own. All graphics and imagery must be original. The theme of your Responsive Story must be academic in nature and ideally center around themes related to technology, arts & media. NO PROJECTS ABOUT BOULDER, CU, YOUR PETS, YOUR FRIENDS, SNOWBOARDING/SKIING, ETC.
Site design:
Responsive web design
Fluid grid layout
@media queries
Viewport
Responsive media
Google fonts
Validated HTML5 & CSS3 code REQUIRED
External style sheet(s)
Original optimized graphics and imagery

3. Project 3: Responsive Story - Examples
                 
       
               
                   

4. Responsive Design
No traditional PPT document. Demo conducted in-class within code editor. Download demo files on class website.

5. Attendance Question: Week 9
Beyond layout and design, what other aspects of web development should a web developer consider when building a site with mobile users in mind?
Post your question to Edmodo under “Lecture Attendance Question Week 9” Your answer should be approximately one paragraph in length.

6. Attendance Question: Week 7
Poor Ian is lost. Write a script to guide him back to Pekoe Coffee and help him buy a drink. Detail is essential. Don’t get him killed.
Post your question to Edmodo under “Lecture Attendance Question Week 7” Your answer should be approximately one paragraph in length.