Changes
→Basic techniques
==Basic techniques==
* choose device-specific CSS based on screen width:
* set the "viewport" on the device so the page scales to an appropriate size
==OPACs==
==other sites==
* Eric's mobile-friendly site using webkit: [[http://m.infomotions.com/Eric's mobile-friendly site]]using webkit
==Resources for learning about mobile design==
* Stark, Jonathan. '''Building iPhone Apps with HTML, CSS, and JavaScript'''. O'Reilley (2009).
** some good info on general mobile web design techniques
* iPhone emulator online: http://testiphone.com/
* [http://sourceforge.net/projects/mitmobileweb/ MIT Mobile Framework]
* Webkit
* Drupal "Sections": different themes based on URL (e.g. "m.drupalsite.com" gets a different theme)