[strong-heading url=”#” ] Cross Mobile Frameworks//+[/strong-heading]
Regardless of how one tries to measure it, mobile computing is growing astronomically. Daily usage of smartphone penetration, cellular subscriptions, search traffic, ad impressions, app sales: everything is up. Thus it seems inevitable that mobile devices are rapidly overtaking traditional desktop and laptop computers as a primary computing platform.
The massive growth of mobile computation presents software developers with some pretty amazing opportunities, but also significant challenges. The massive explosion of mobile platforms and devices has created an unprecedented level of fragmentation, and it’s going to get worse before it gets better. Development, testing and distribution of an app for multiple platform/device combinations can be prohibitively expensive.
jQuery has been rigorously tested across all A, B, and C grade browsers (desktop and mobile), has a vibrant developer community and excellent docs, and is completely a free open source software. The only potential downside of using jQuery for mobile development is that it’s significantly bigger than it needs to be because it contains a fair amount of code targeted at fixing weaker desktop browsers.
jQuery Mobile is like jQuery UI for mobile. It’s a widget library which converts semantic markup into a familiar, finger friendly format. It is built on top of jQuery and has one of the best-in-class support across A, B, and C grade mobile browsers. It’s a fairly young but very ambitious project which aims to create the best possible mobile web experience on the largest number of browsers out there. The total file size is a bit on the large size but it’s a great choice if you’re creating a mobile version of a public website.
In this edition we would like to present our readers with 15 of the Best JS Mobile Frameworks for building your apps, keeping in mind that one should use as much HTML as they can without negatively impacting the user experience because the more HTML one incorporates, the less they have to worry about fragmentation. And the less you have to worry about fragmentation, the more awesome stuff you can build. So, what are you waiting for? Go build some Awesome stuff now 😉
[button-dark url=”http://enyojs.com/” target=”_blank” position=”right”] Source [/button-dark]
[button-dark url=”http://mobello.github.com/” target=”_blank” position=”right”] Source [/button-dark]
[button-dark url=”http://spinejs.com/mobile” target=”_blank” position=”right”] Source [/button-dark]
4. Sidetap : Simple Framework for Mobile Web Apps
Sidetap is a simple and lightweight (2kb minified, gzipped) framework for creating mobile web apps. The framework actually focuses on providing a flexible side-navigation similar to the one we know from Facebook’s mobile app, and, once the navigation part is solved, it is pretty easy to build a simple mobile web app. It works by telling Sidetap “the content element to be animated”. It takes care of clearing the stage using whatever animation is appropriate for the situation.
[button-dark url=”http://sidetap.it/” target=”_blank” position=”right”] Source [/button-dark]
5. Moobile : Mobile App Framework for MooTools
Moobile is an exciting and fresh project; a mobile web application framework built on MooTools. Currently, it is focused on providing a iOS-like experience on WebKit browsers and comes with many controls like bar, button, image, list, activity indicator, slider and more. It also has support for transitions like fade, slide, cubic or cover and can display native-like alerts. Interfaces created with Moobile are fluid, they will work well both in iPhone + iPad and look good when orientation changes.
[button-dark url=”http://moobilejs.com/” target=”_blank” position=”right”] Source [/button-dark]
[button-dark url=”http://www.jqmobi.com/” target=”_blank” position=”right”] Source [/button-dark]
7. iUI : User Interface Framework for Smartphone & Tablets
[button-dark url=”http://www.iui-js.org/” target=”_blank” position=”right”] Source [/button-dark]
8. ViniSketch Designer : A Free App for Creating Mobile Apps
ViniSketch Designer is a free application -for Mac OSX- for designing and creating mobile applications using native and web technologies. It comes with feature-rich visual editors for designing the GUI + dataflow and code editors for keeping the development under control. The engine of the app has support for multiple platforms and you can managing your mobile app for each device you’re targeting. ViniSketch Designer is currently compatible for building iOS + Android apps, however, compatibility for other popular platforms are under development.
[button-dark url=”http://www.vinisketch.fr/mainSite/en.html” target=”_blank” position=”right”] Source [/button-dark]
9. Countly : Open Source Mobile Analytics App
When it comes to tracking websites, there are open source analytics apps like Piwik, OWA or ChiliStats. But, for mobile, it is hard to find a good one. Countly is a modern, real-time and open source mobile analytics application which can collect data from mobile phones and visualize that info for analyzing mobile app usage + end-user behavior. With an event-driven system, almost every action can be tracked including in-app purchases, when a user closes the app, ad-click behavior, etc. All these details are displayed in the slick interface of Countly. And, you are not limited to racking a single app. The same interface enables adding any number of apps.
[button-dark url=”http://count.ly/” target=”_blank” position=”right”] Source [/button-dark]
10. Mobjectify : Quickly Build Mobile Web Mockups
Mobjectify is a free web application which makes it so much simpler by offering an awesome web-based mockup builder. The application enables us to create pages and add various web elements(like forms, buttons, content areas, footers, etc.) with few clicks. It also offers multiple themes to choose from or you can create new themes. There is a live preview and results can be exported as a single HTML file anytime.
[button-dark url=”http://www.mobjectify.com/” target=”_blank” position=”right”] Source [/button-dark]
11. Swipe JS : Standalone Content Slider for Mobile
Swipe JS is a lightweight (3.7kb minified) mobile slider with 1:1 touch movement (sliding content based on exact touch position). it has API methods for custom interactions including the display of prev-next items and getting the current position. It can display any HTML content and offers a native-like experience with features like: resistant bounds (increased resistance to slide when there are no items to display next or before), smart resizing on rotation as the slider resets to make sure the sliding elements are sized right and many more.
[button-dark url=”http://swipejs.com/” target=”_blank” position=”right”] Source [/button-dark]
12. iWebInspector : Web Debugging Tool for iOS Simulator
iWebInspector is a free tool for debugging, profiling and inspecting web applications that run on iOS Simulator (iPhone or iPad). The tool simply attaches the Web Inspector to any tab opened in Safari for iOS, to a chrome-less web app (full screen) or to a PhoneGap application. It allows :
• see and browse every element on your HTML element. You can change attributes, content and styles and see how they apply on Safari
• see all the resources involved in this page, including Databases, Local Storage, Cookies and ApplicationCache
• check all the network traffic on your website
• record a timeline showing you rendering, scripting and loading times while you browse on Safari
• audit your code, showing you a report on performance and other stuff
[button-dark url=”http://www.iwebinspector.com/” target=”_blank” position=”right”] Source [/button-dark]
13. A Detailed Comparison of Mobile Frameworks
A frequently-updated chart by Markus Falk does this for the mobile frameworks as there is a detailed comparison of their capabilities. The chart displays the rendering engines supported, target platform, hardware, development languages, UI features and license for each framework.
[button-dark url=”http://www.markus-falk.com/mobile-frameworks-comparison-chart/” target=”_blank” position=”right”] Source [/button-dark]
14. QUOjs : Tiny JS Library for Mobile Projects
[button-dark url=”http://quojs.tapquo.com/” target=”_blank” position=”right”] Source [/button-dark]
15. jqmPhp : HTML Code Generator for jQuery
jqmPhp is an open source project that aims to simplify using jQuery Mobile with PHP. It is a pack of PHP classes that can generate the HTML outputs which jQuery Mobile is expecting within few lines. The classes are on separate files (with names parallel to the JQM’s features) so you can choose to only use the necessary ones.
[button-dark url=”http://www.jqmphp.com/” target=”_blank” position=”right”] Source [/button-dark]