Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘Mobile Development’ Category

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.

There are 4 animations offered for displaying the sidebar: upfrombottom, downfromtop, infromright, infromleft. Also, a callback istriggered when the switch is complete.

Sidetap Mobile Framework

jQuery UI, the widgets library of jQuery, doesn't ship with support for touch events in any of its widgets and interactions.

Touch Punch is a small hack which brings touch events to the library by using simulated events to map touch events to their mouse event analogs.

Touch Punch

It is a plug 'n' play solution, just insert the file into your web pages and there is nothing more to setup.

The hack works in all the widgets and in most scenarios, however, considering it is a simple hack, make sure you test any complex usage.

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.

jqmPhp

The classes are on separate files (with names parallel to the JQM's features) so you can choose to only use the necessary ones.

It covers almost all the features of the framework, it is very well-documented and supported with examples.

Mobello is an open source JavaScript UI framework that simplifies developing mobile web apps.

The framework aims to provide a native-like experience in mobile, it is optimized for touch events and has 20+ widely-used UI components.

Mobello Mobile Framework

It also has an IDE, named Mobello Studio, that focuses on building mobile apps with HTML5, CS3 and the Mobello framework..

Mobello Studio has a drag 'n' drop enabled  visual design editor, a JavaScript debugger and built-in mobile device emulator.

The API of the framework is documented in detail and it can be a good alternative to other popular ones if improved regularly.

When developing any mobile projects, it is so important to keep the size of each asset as small as possible for offering a good experience to end users.

QUOjs is a JavaScript library that is focused on mobile web projects, has a small footprint (13kb minified) and includes all the essentials.

There are functions for HTML document traversing, event handling, Ajax interactions and mobile environment detection.

It has support for all the major touch events, the API is jQuery-like and works cross-browser.

QUOjs

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 behaviour.

Count.ly

It is formed of 3 parts: the Countly server + frontend, iOS SDK and Android SDK.

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.

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.

Moobile - MooTools Mobile

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.

The download package includes a boilerplate for quickly starting projects, related PSD files and a simulator.

Hammer.js is a JavaScript library for adding touch gestures support to any website so that users can interact with them easier on touch devices.

It requires jQuery, only 2kb sized and supports tap, double tap, hold, drag and transform.

Hammer.js

The library is implemented pretty easily:

  • just bind Hammer.js to a container HTML element
  • every touch event performed on that element returns a callback with an array of details including:
    • event
    • position
    • touches
    • scale
    • rotation

For drag gestures, it can also return extra info like the angle, direction and distance.

Hammer.js works -almost- on all modern browsers and, to sum up, "you can touch this" : ).

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

ViniSketch Designer is currently compatible for building iOS + Android apps, however, compatibility for other popular platforms are under development.

It can auto-generate Phonegap projects and there is a built-in HTML5 simulator + debug tools based on WebKit WebInspector.

jQuery Rewritten, Ground-Up, for Mobile HTML5 on iOS and Android devices.

This is how jQ.Mobi defines itself and gives a good insight on what it is.

It is a fresh and open source JavaScript framework -developed by appMobi- that focuses on providing a great experience on both of the dominant mobile operating systems with a tiny footprint and code efficiency.

jQ.Mobi

Compared to jQuery Mobile (24kb), it is much smaller in size with only 3.5kb (both minified and gzipped) and covers most features with the same syntax.

When it comes to speed, jQ.Mobi is impressive there as well and mentioned to be 3x faster on Android and 2.2x faster on iOS.

The framework also has a UI library (again smaller in size) and includes plugins for mobile interactions and interfaces

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com
HotScripts Marketplace