Note from Jimmy Hua:
A lot of these are good resources when you want to look at mobile websites. I’ve personally worked with iUI on the “Quickbooks online on the iPhone/Android.”
This post is shared through my Google Reader from another source. All credit of the post belongs to them which you can access by going to HOW TO: Make Your Mobile Websites Act More Like Native Apps
As smartphone sales continue to soar, more and more developers are focusing their efforts on building applications for mobile devices. Whether it is a native application or a mobile-optimized website, mobile innovation is taking place at a breakneck pace.
Native applications still have their place, but increasingly, the number of different device types, operating systems, and screen sizes make developing optimized mobile web apps more and more enticing. Historically, there has been a trade-off between the rapid, iterative, cross-platform nature of web applications versus the more standard UI, support for gestures, and multi-touch and hardware optimizations on the native side.
Fortunately, a number of different frameworks are making it easier and easier for developers to create mobile web applications that look and feel more like native apps. Here are six examples. If you don’t see your favorites on the list, add them in the comments below.
1. Sencha Touch
In June, Sencha, formerly Ext JS, launched its Sencha Touch HTML5 mobile framework. The cross-platform framework is compatible with iOS and Android devices and will be expanded to other platforms soon.
Sencha Touch combines a resolution-independent UI library, touch event management, support for geolocation and offline access, and special CSS and CSS3 capabilities.
Sencha is the company behind the Ext JS, jQTouch and Raphael projects, so the new framework packs some serious power. Check out this Touch Solitaire demo, especially on the iPad. The Drag & Drop support is really amazing.
SproutCore is an HTML5 framework that aims to help developers build desktop-caliber web applications that run in any modern web browser, without plugins. The lead developer recently quit his job at Apple to focus on the project full-time.
Check out this demo on an iPhone or Android device and I think you’ll agree, it’s pretty impressive stuff. By leveraging existing backends and taking cues from platforms like .NET and Cocoa, SproutCore is focused on offering scalable, robust performance in a web browser.
While not just for mobile apps, the HTML5 nature of SproutCore really makes it a good choice.
3. YUI 3.2
Christian Heilmann wrote up a great preview of YUI 3.2.0 for Ajaxian that details some of the new additions.
Yahoo! continues to be one of the best resources for tools, libraries, utilities and documents for web and mobile developers.
jQuery Mobile isn’t a full application framework like SproutCore or Sencha Touch, but the new initiative does aim to bring more native controls to mobile web apps.
The project is still in the early stages, but you can see what browsers and versions jQuery Mobile will support on this chart. The jQuery Core team is working to support all A and B browsers.
It was originally started back in 2007 but has been steadily updated over the years to add support to more types of devices and even the iPad.
Let us know which frameworks you’re using to make your mobile websites act more like native apps in the comments.
Series supported by Rackspace
Rackspace is the better way to do hosting. No more worrying about web hosting uptime. No more spending your time, energy and resources trying to stay on top of things like patching, updating, monitoring, backing up data and the like. Learn why.
More Dev & Design Resources from Mashable:
- 5 Cross-Platform Mobile Development Tools You Should Try
- 15 Developer/Hacker Women to Follow on Twitter
- 10 Tools for Distributed Developer Teams
- 11 Delicious TextMate Themes for Designers and Developers
- 7 Awesome CSS3 Techniques You Can Start Using Right Now
Reviews: Android, Opera, iPhone
For more Dev & Design coverage:
- Follow Mashable Dev & Design on Twitter
- Become a Fan on Facebook
- Subscribe to the Dev & Design channel
- Download our free apps for iPhone and iPad