In the past two years, touch-screen equipment has grown rapidly. iOS and Android devices allow developers and designers to rethink their web apps to provide a better touch-screen experience.
Mobile Web applications have many advantages over local apps, although there are many design and development challenges. A series of useful frameworks are listed here to help WebApp development based on HTML. They support most of the popular smartphones and tablets.
1.LUNGO.JS:HTML5 Mobile Development Framework
Lungo.js is the first mobile development framework to apply the HTML5 and CSS3 features. It can help developers create applications for Ios,android,blackberry and webOS platforms.
Lungo.js does not require any Web server support to help users implement HTML5 functions, such as websql, geolocation,history,device orientation, and so on.
2.JO: A simple HTML5 app framework
Jo can help you create Web apps that are similar to local apps. Jo is an open source free framework that can be used with phonegap.
3.Joshfire: Cross-equipment development framework
Joshfire is an open-source, cross-platform development framework that helps developers create web apps that can run on a variety of devices. It uses HTML5 and JavaScript, and allows developers to quickly integrate local applications and specific Web applications.
Joshfire allows you to accept the input of keyboard, mouse, touch screen, remote control and other devices for your application. Joshfire supports Node.js.
4.Sencha Touch: A framework for mobile Web development based on HTML5
Sencha Touch allows developers to create web apps that resemble the local application experience. Shencha is the first development framework that uses HTML5,CSS and JavaScript and supports audio/video, local storage, rounded corners, gradient backgrounds, and shading.
5.BAKER:HTML5 ebook Framework
Baker is the HTML5 ebook framework for publishing interactive e-books or electronic magazines on the ipad or iphone platform.
6.Touchy boilerplate
Touchy boilerplate is a tool used to create mobile web apps, including HTML templates, Meta tag, and so on. Touchy can support dynamic page navigation, fixed headers, scrolling content, browsing history and other functions. Touchy use jquery or zepto.js.
7.Ripple: Easier for mobile development testing
Testing mobile apps on a variety of platforms is a daunting task. Ripple can help you test and debug your HTML5 mobile applications on different platform vendors. Ripple is an extension of chrome. It can simulate the details of each device, such as user_agent,geolocation, and so on.
8.RestKit
Restkit is a OBJECTIVE-C development framework designed to simplify and accelerate interaction with restful Web service. It provides a concise HTTP Request/response API and a powerful object mapping system.
9.HTML5 compatibility form
Mobile HTML5 is a table that shows the support for HTML5 features of different devices/platforms. Including Safari, Android, Blackberry,ie,opera,firefox,webos and Symbian.
10.MobileESP: Detect your mobile web visitors
The MOBILEESP project provides a simple, lightweight API for Web site developers to detect whether a visitor is using a mobile device or what kind of mobile device they are using.
Tiggr.
Tiggr is a mobile tool that lets you quickly create mobile apps. You don't need to write code to create a rich mobile app.