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.

2. SproutCore

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

Later this month, Yahoo! will release the latest version of its YUI library of JavaScript utilities. YUI is a really impressive framework and the upcoming version includes even better support for touch and mobile devices.

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.

4. jQuery Mobile

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.

Announced last week, the jQuery Mobile project will be a “complete, unified, mobile UI framework.” The core jQuery project will also continue to be optimized for mobile, but the jQuery Mobile project is focused on delivering a truly top-notch JavaScript experience and interface to the most-used smartphone web browsers.

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.

5. XUI

While developing Phonegap, the XUI team became frustrated with the existing JavaScript libraries and their performances on mobile devices.

XUI was created to work across mobile browsers, including WebKit, Fennec, and Opera. The goal is to provide lots of cross-compatibility without much of the overhead that can make traditional JavaScript libraries unsuitable for mobile devices.

6. iUI

iUI is an iPhone user interface framework designed to bring an iPhone-like experience to mobile web apps. It works with WebKit-based devices and includes a JavaScript library, CSS, and images.

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.

Email On Deck: A disposable email address that works

Today, Team Inforpioneer brings an interesting Email service for our reader which will definitely help our readers to improve their internet security and will benefit in some other ways. Here is a short description of this service. EmailOnDeck.com is the premier site for all things relating to temporary, disposable and throwaway email addresses. We want to help you avoid SPAM, protect your online privacy, and stop you from having to give away your personal email address to every company and person on the internet who insists on you giving it to them. We work hard and will continue to work hard to give you a disposable email address that works with any site or app. We hope to help give you back the control of deciding who you want to give your personal info to. Temporary emails are perfect for any transaction where you want to improve your online privacy. Use them when you buy or sell Bitcoins or trade cryptocurrency, at exchanges, or locally. They can be used for QA testing of e

Top 101 Ways to Promote a New Blog

Promoting a new blog can be quite daunting, but it doesn’t have to be. As you might expect, breaking down blog promotion into small, actionable tasks eliminates the mental road block you’ve probably experienced when trying to wrap you head around how to get people’s attention. You don’t have to do everything in this list, and some items will have a greater effect then others, but every tactic will at least drive some traffic, and any traffic is better than no traffic. Content 1. Write a list of over 100+ resources or ideas. 2. Write the definitive guide to something. Spend time making this awesome. 3. Release a manifesto . 4. Release 2 manifestos . 5. Interview cool people. People like talking about cool people. 6. After your articles are indexed in search engines, break them up into smaller articles and submit them to ezinearticles.com (and other article directories). 7. Or just pay someone to submit the articles for you . 8. Write a list of all the cool blogs and people in your nich

Cell Phone Buying Guide 2010

I outline some of the most important factors to look into when purchasing a new cell phone. When your old cell phone squeaks like a rusty door hinge, has more lint under the screen than your jean pockets, and lasts half an afternoon with a full charge, it’s time for a new one. But with most cell phone contracts lasting two years, a new phone shouldn’t be the type of purchase you make lightly. Check out our quick and dirty guide to your next phone purchase to make sure you cover all the bases on your shopping trip. Choosing a carrier Because most U.S. cell phone carriers heavily subsidize phone purchases in exchange for two-year contracts, and lock the phones to their networks, your choice of cell carrier will have more impact on which type of phone you end up with than any other factor. If you already have carrier and feel satisfied with it, the choice is easy. If not, you’ll need to choose one. AT&T, T-Mobile, Sprint, and Verizon dominate the cell phone market in the States. Speak

Info Pioneer

Search This Blog