<http://schema.org/articleBody>
"The Mobile App Trends Series is sponsored by Sourcebits, a leading product developer for mobile platforms. Sourcebits offers design and development services for iOS, Android, Mobile and Web platforms. Follow Sourcebits on Twitter for recent news and updates. \nAs the mobile application space continues to explode, developers are increasingly using HTML5, JavaScript and CSS3 to aid in the creation of web apps and native mobile apps. This process is especially useful when dealing with cross-platform development or when working with content that already exists in some form on the web.\nWe're going to take a look at how some of the best HTML5-centric, cross-platform mobile frameworks are being used to help developers deliver native app experiences on a variety of devices.\nWhy HTML5\n\n\n\n\nGiven the hype and buzz surrounding HTML5, it would be easy to believe that it is a technology that will do your laundry, mow the lawn and make you dinner. In truth, HTML5 isn't the second coming, and it isn't an officially ratified standard \u2014 yet. The spec continues to edge closer to completion, however, and when combined with JavaScript and CSS3, HTML5 can do some really incredible things.\nThis is particularly true for mobile devices. A de facto requirement for any modern mobile operating system is the inclusion of a modern HTML5-compliant web browser. The leading modern mobile platforms \u2014 iOS and Android \u2014 both use WebKit as their bases. Likewise, BlackBerry and HP/Palm are also using WebKit and Microsoft is going to release a mobile version of Internet Explorer 9 for Windows Phone 7.\nWhat this means is that out of the box, modern smartphones and tablets support the bells and whistles that make HTML5 so special. It also means that developers can feel free to use those technologies when creating their applications and not have to worry that the device itself won't support a particular function.\nIt also means that developers that choose to create HTML5 web apps for the desktop \u2014 like for the Google Chrome Web Store \u2014 can often use the same code when crafting an app for the iPad or for other tablets.\nEarlier this month, leading iOS developer ScrollMotion released its first simultaneous e-book for the iPad and Chrome Web Store. \nBecause ScrollMotion has built its underlying app platform in HTML5, porting the content to a non-iOS device, like the Chrome browser, required very little work.\nPlatforms\n\n\n\n\nChoosing what mobile platforms to support continues to be a vexing problem for developers both big and small. Supporting one platform can be difficult enough, but now developers not only have multiple operating systems to consider, but multiple device types as well. iPhone and iPad apps can be packaged together, but both require separate experiences and views. \nLikewise, Android developers that want to target the upcoming wave of Honeycomb tablets will need to create variations of their apps for the different device types. Add in the BlackBerry PlayBook, HP's TouchPad and the future devices from Nokia and Microsoft, and it's not difficult for even a large development team to become overwhelmed.\nFortunately, this problem has created a microcosm of cross-platform mobile development tools. We've covered a number of these platforms and frameworks in the past, but we want to highlight a few that specifically target HTML5 and JavaScript.\nAppcelerator Titanium\n\n\n\n\nAppcelerator's Titanium platform was designed from the offset to help web developers create mobile and tablet applications with ease. Over the last year, the platform has seen tremendous growth, and new features and devices are added at a fast pace.\nAppcelerator recently acquired Aptana, which should ensure that the tools for building its apps continue to improve and evolve over time.\nSome of the apps that have been built with Appcelerator include GetGlue for iPhone, iPad and Android and ScoutMob's excellent iPhone app.\nPhoneGap\nPhoneGap is an HTML5 app platform that lets developers build native apps using HTML5, CSS3 and JavaScript. What really sets PhoneGap apart is that it lets developers create a full-functioning mobile web app but place that app in a native wrapper, so that it can use native device APIs and get submitted to the App Store or Android Market.\nIn essence, it enables mobile developers to create an app just as if they were targeting the mobile browser but with the benefit of being able to get into the App Store.\nPhoneGap Build is a new service (still in beta) that lets developers quickly and easily create app-store ready versions of their apps for various platforms. It does all the work of compiling the code for various platforms and gives the developer a final build suitable for submission to the app market of their choice. \nArs Technica used PhoneGap to build its iPad app. This is a great example of using web standards to deliver an app that presents existing content in a customized view and experience. Clint Ecker's post about how the app was built is worth a read.\nRhodes\nRhodes is a Ruby-based framework designed to help developers create native apps for a wide range of devices and platforms. The reason we included Rhodes in this roundup \u2014 despite being a Ruby tool \u2014 is that it uses HTML, CSS and JavaScript in its views. That means that HTML can be used for the interface aspect of the app \u2014 even if Ruby is what is powering the work on the backend.\nUnify Project\n\n\n\n\nThe Unify Project is a set of tools designed to make it easier for developers to create smartphone apps using HTML5, CSS3 and JavaScript. Sponsored by Deutsche Telekom, Unify is published under a dual open source license (MIT and Apache version 2.0) and it uses PhoneGap, Adobe Air, Sass and the quooxdoo JavaScript framework.\nAdditional Tools\nUsing various mobile web frameworks alongside an HTML5 platform is a common approach to mobile app development.\nDeveloper Pete Freitag recently gave a presentation on building mobile apps using jQuery Mobile and PhoneGap. Freitag made the slides available on his website and the presentation offers a nice overview of how to use two emerging web frameworks together.\nFeitag's tracking and reimbursement app Mileage Pad was built using PhoneGap and jQuery Mobile.\nOther web frameworks that can be used alongside PhoneGap or Rhodes include Sencha Touch and SproutCore.\nOr Just Make an HTML5 App\nOf course, an increasingly viable option for mobile developers is to just use HTML5 to create a mobile web app.\nAs HTML5 gets better and browser support of HTML5 improves, the differences between running an HTML5 app in a native wrapper, a la PhoneGap, and accessing an HTML5 web app from an app shortcut on your home screen is going to continue to disappear.\nLots of companies \u2014 including Facebook \u2014 are looking at HTML5 as the future platform for their apps that target next generation devices.\nEarlier this month, 37signals decided to forego building a platform-specific mobile app for its Basecamp product and instead created Basecamp Mobile. This decision initially drew some criticism, with members of the developer community questioning the company's decision to just use HTML5. \n\n\n\n\nWith the recent Readability kerfuffle, it's possible that more developers will start considering a mobile web approach for their applications. Readability's Rich Ziade and Dan Benjamin discuss the issue in length, including what it means for mobile developers, on \"The Daily Edition.\"\nThe Future is Bright\nWhether it's through a framework, via an application wrapper or as the basis for a mobile web app, HTML5 is going to continue to be an important driving force for mobile application development.\nIn fact, as the technology evolves, we wouldn't be surprised to see more HTML5 elements popping up in native desktop applications as well.\nAre you using HTML5 when building mobile apps? Let us know.\nSeries Supported by Sourcebits\n\n\n\n\nThe Mobile App Trends Series is sponsored by Sourcebits, a leading developer of applications and games for all major mobile platforms. Sourcebits has engineered over 200 apps to date, with plenty more to come. Sourcebits offers design and development services for iPhone, Android and more. Please feel free to get in touch with us to find out how we can help your app stand apart in a crowded marketplace. Follow Sourcebits on Twitter and Facebook for recent news and updates.\nMore Dev &amp; Design Resources from Mashable:\n- 7 Hot Trends in Mobile App Design- How the WordPress SEO Plugin Can Help Your Blog [INTERVIEW]- 5 Website Features You Can Easily Offload to Reduce Costs- This Is Why You Always Pay Your Web Designer- Learning Ruby: Expert Advice for Advanced Developers\nImage courtesy of iStockphoto, a_Taiga"^^<http://www.w3.org/2001/XMLSchema#string>
<http://mashable.com/2011/02/22/html-mobile-development/>