I would like to thank everyone who attended my presentation, and apologize for not having all my sources well-organized so I could provide them for you then-and-there. I’ve put together a list at the bottom of this page to make up for my lack of forethought.
Anyway, you can see my presentation at the Wordcamp LA site, and you can see my slides right here. I put in the necessary Javascript to support mouse clicks, so they’ll work on desktops now (but only in up-to-date Chrome and Safari). They’ll probably look kind of small, since they were designed to fit on the iPad2′s screen, and there are a lot of bugs due to my hasty coding.
If you’re interested in 3D CSS, you can check out an in-depth tutorial on 24 Ways (or this version hosted on Github). I was also inpired by this awesome presentation by Paul Irish.
The best places to go for information on mobile web design would be the following sites (I’ll keep adding stuff, as I come across anything else useful):
- HTML5 Rocks – Mobile
- Mobile | Quirksmode
- Web Apps Overview | Android Developers
- Safari Web Content Guide
- Preparing Web Content for iPad
- Safari HTML Reference
- Fennec (Firefox Mobile) Dev Page
- Mobile | Mozilla Developer Network
There are also a few blog posts and things that I found helpful:
- A Pixel is not a Pixel is not a Pixel
- Combining Media Queries and Javascript
- A Tale of Two Viewports
- Multitouch Game controller in Javascript/HTML5 for iPad
- Using Appcache for Regular Web Sites
- Leaving Old IE Behind
- Hardboiled CSS3 Media Queries
- Using $is_iphone to Make Your WordPress Site iOS and Android Friendly
- WP Support Forums Thread about is_iphone
- Browser Detection and the body_class() Function
- Automatic Image Resizing in WordPress
- @Font-Face Gotchas
And if you want examples on what good mobile code looks like, you can check out this stuff:
- Twenty Eleven
- Whiteboard Framework (thanks to the audience member who brought this up, I’d forgotten all about it)
- Mobile Boilerplate
- Golden Grid System
I noticed a lot of interest in using Javascript mobile frameworks (jQuery Mobile, Sencha Touch, etc.) If you want to get into that kind of stuff, there’s a great tutorial on Mobile Tuts Plus about using JQTouch with WordPress. Zepto.js is also interesting, though it’s really just a javascript library, not a framework.