Week 10
Forms
Input-specific mobile keyboards
w3schools: <input> types
—best viewed in Opera, or at least Chrome
Simple demo of input type behavior
Input type: search
Options for input type: date
Input type: range
JS polyfill: html5slider.js
Input type:file and the security risk
Alternate solutions:
- Upload Widget
- Onepo.st
- UploadThingy (free trial)
Full form demo
for comparison across browsers
An example of JS input validation headache
(btw: Regex enthusiast blog)
More:
HTML5 form widgets with JS fallbacks
Forms On Mobile Devices: Modern Solutions
CSS targeting
selector[attribute="value"]
input[type="email"] { ...properties:values;... }
input[type="submit"] { ...properties:values;... }
input:not[type="submit"] { ...properties:values;... }
PHP Intro
Client-side vs. server-side scripting
LAMP software stack
Server-side language comparison
PHP site-building demo files Finished demo site
jQuery menus
Dropdown menu demo
Accordion menu demo
Read:
Sebastian Deterding: "Gamification" (PDF)
Due next week:
Proj.2: personal project proposal
Assignment 4: form faceplate
Last chance next week:
Assignment 3
Project 2: team mashup