In the past two years, touch screen devices have grown rapidly. IOS and Android devices allow developers and designers to rethink their web applications to provide a better touch screen experience.
Mobile Web applications have many advantages over local apps, although there are also many design and development challenges. A series of useful frameworks are listed here to help HTML-based webapp development. They support most popular smartphones and tablets.
1. lungo. JS: HTML5 mobile development framework
Lungo. JS is the first mobile development framework to apply HTML5 and css3 features. It helps developers create apps for iOS, Android, BlackBerry, and WebOS platforms.
Lungo. js can help users implement HTML5 functions without the support of any web server, such as websql, geolocation, history, and device orientation.
2. Jo: A simple HTML5 app framework
Jo helps you create a web app similar to a local application. Jo is an open-source free framework that can be used with phonegap.
3. joshfire: Cross-device development framework
Joshfire is an open-source cross-device development framework that helps developers create Web apps that can run on multiple devices. It uses HTML5 and JavaScript, and allows developers to quickly integrate local applications and specific Web applications.
Joshfire allows your applications to accept input from devices such as the keyboard, mouse, touch screen, and remote control. Joshfire supports node. js.
4. sencha touch: HTML5-based mobile Web page development framework
Sencha touch allows developers to create Web apps similar to 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 shadows.
5. BAKER: HTML5 e-book framework
Baker is an HTML5 e-book framework used to publish interactive e-books or e-magazines on iPad or iPhone platforms ..
6. Touchy boilerplate
Touchy boilerplate is a tool used to create mobile Web apps, including HTML templates and meta tags. Touchy supports dynamic page navigation, fixed page headers, scrolling content, browsing history, and other functions. Touchy uses jquery or zepto. js.
7. Ripple: Making Mobile development testing easier
Testing mobile apps on different platforms is a headache. Ripple can help you test and debug your HTML5 mobile applications on different platforms. Ripple is an extension of chrome. It can simulate the details of each device, such as user_agent and geolocation.
8. restkit
Restkit is an objective-C development framework designed to simplify and accelerate interaction with restful Web Services. It provides a simple HTTP Request/response API and a powerful object ing system.
9. HTML5 compatibility table
Mobile HTML5 is a table showing the HTML5 features supported by different devices/platforms. Includes safari, Android, BlackBerry, ie, opera, Firefox, WebOS, and Symbian.
10. mobileesp: detects visitors to your mobile website.
The mobileesp project provides a simple and lightweight API for website developers to check whether visitors use mobile devices or which mobile devices are used.
11. tiggr
Tiggr is a mobile app creation tool that allows you to quickly create a mobile app. You can create a wide range of mobile applications without writing code.
Source: skytechgeek
Source: Open Source China