Have you decided that you’re going to build a cross-platform HTML5 mobile application instead of going the native route? In this video from our recent Tech Talk, Hunter Loftis, shares some HTML5 mobile app development tips, tricks, and gotchas. The presentation is interactive so grab your phone and view some examples.
In addition to real-world case studies from our shop, and a sweet, follow-along-demo, below are the 20 HTML development rules covered in the presentation that will improve your mobile applications and factor in many of the diverse smartphone and tablet hardware challenges.
HTML5 Mobile App Development Tips
Ignore standards and useability
Debug on real devices; not software, not your iPhone
Ignore feature detection
Assume you’re offline
Store data locally
Write touch events yourself
Use specific forms
Link to maps and phone numbers (easy)
Limit your DOM updates
Keep it async
Protect your state
Make your app turn itself off
...and a few more (peep the video)
One of my favorite points in the 30 minute video is where Hunter casually discusses your user’s “suspension of disbelief” (a great re-appropriation from fictional narratives). Our free Tech Talks are held one Friday per month, and we hope you’ll soon join us.
Web Optimized, HTML5, Hybrid, or Native App?
Still not sure what flavor of mobile application development is right for you? Hunter has covered that in a previous video as well.