HW11-Mobile
Table of Contents
1 Mobile Homework
- Create a dynamic page
- Respond to touch event
- Extra Credit: use another Javascript API
2 Mobile Layout
- 3 columns (content of your choosing)
- As screen width shrinks, changes to 2 columns, then 1 column
ontouchstart
column background color must change
2.1 Flexible notes
- We're now beyond starting with skeleton code, you guys should be able to create pages from scratch
- If you use existing templates (HTML5Boilerplate) must comment
- You may use JS/CSS frameworks, but must write CSS with media queries
3 Page
- Can be new, or from your portfolio, or from
app.py
- May use "filler" content
- Columns should be
div
, kept aligned byfloat:left
CSS - media query demo
3.1 TMTOWTDI notes
- simplist, new page in publichtml
- Remember, if you use a template, please reference it in comments
4 Submit
- Pull Request on GitHub