HW11-Mobile

Table of Contents

1 Mobile Homework   slide

  • Create a dynamic page
  • Respond to touch event
  • Extra Credit: use another Javascript API

2 Mobile Layout   slide

  • 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   slide

  • Can be new, or from your portfolio, or from app.py
  • May use "filler" content
  • Columns should be div, kept aligned by float: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   slide

  • Pull Request on GitHub

Author: Jim Blomo

Created: 2014-11-14 Fri 00:34

Emacs 23.4.1 (Org mode 8.2.4)

Validate