HTML5 Zone is brought to you in partnership with:

Programmed Macs since Inside Mac came in 3-ring binders; programmed iPhones since the first day the SDK was downloadable. 51 apps in the App Store to date, and always looking for new and interesting contracts! Alex is a DZone MVB and is not an employee of DZone and has posted 144 posts at DZone. You can read more from them at their website. View Full User Profile

22 Tutorials for HTML5 Mobile Web Development

05.18.2011
| 88100 views |
  • submit to reddit

So as we’ve mentioned occasionally around here, we think that HTML5 app development is something that even real developers (we kid! we kid!) should be keeping their eye on as a likely method of first resort for cross-platform development and non-AppStore distribution; and here (h/t: @Dylan_Beadle) is a LIVE! ONLINE! FREE! course it might be worth at least keeping an eye on in the background every Tuesday the next 10 weeks:

HTML5 Mobile Web Development


Ready to create mobile web applications with HTML5? In this 10-week online course, you’ll learn how to build mobile apps using several HTML5 features—including the new semantic elements, geolocation, audio and video tags, local storage capacity, web forms, and the canvas 2D drawing surface. During the course, you’ll combine HTML5 elements with JavaScript and CSS3 to create apps for Twitter, movie trailers, and an address book.

Discover how to style your apps to respond to a device’s vertical and horizontal orientation, take advantage of global positioning, draw your own controls and create basic animations, make your app available to users offline, and more—in just ten weeks.

First one starts in … oh, look at that, half an hour. So unless you’re right on top of our posts, guess you probably missed that. But hey, it’s just an overview; looks like the interesting stuff starts next week, full session descriptions at the above link.

Aaaaaand while we’re discussing HTML5 development, this looks like a good place to stash some of the looking worth a followup read links in that space we’ve noted recently about the various frameworks available:

10 Useful Frameworks To Develop HTML-Based Webapps for Touch Devices

18 Mobile Frameworks and Development Tools for Creating iPhone Apps

Introducing Sencha Touch: HTML5 Framework for Mobile

Getting Started With Appcelerator

Impressive Growth for Appcelerator (note native app showcase)

In-Depth Corona SDK Review

[UPDATE: Yo Yo, develop killer cross platform mobile Web apps with Jo!]

And here’s a jumble of other vaguely HTML related tips and tricks for design and device support:

Configuring an iPhone Web App With Meta Tags

CSS for iPhone 4 (Retina display)

How to make your web content look stunning on the iPhone 4’s new Retina display

Targeting the iPhone 4 Retina Display with CSS3 Media Queries

HOWTO: CSS for the iPad

Tutorials: Swipe Reading, Orientation Support, And Image Slideshows In iPad Web Apps

Safari Web Content Guide: Optimizing for Safari on iPhone

21 Ridiculously Impressive HTML5 Canvas Experiments

HOW TO: Get Started with HTML5 Boilerplate

HTML5 Mini Template

[ UPDATES:

12 Best HTML5 Website Templates For Free Download

12 Great Tips for iPhone Web Development

]

And mix up HTML5 and native development:

UIWebViews and CSS3 Fonts

And you’ll probably want some fonts for that; check out recent news on that front,

Helvetica Joins the Web Font Revolution

And just in case that isn’t enough for you to read, check out

20 Useful Free PDF ebooks for Designers and Bloggers

Some pretty interesting stuff in that list!

References
Published at DZone with permission of Alex Curylo, author and DZone MVB. (source)

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)