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

Posts Tagged ‘Android’

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.

IconShock, the icon design company behind many popular icon sets, is now sharing a huge set for Android designers/developers.

Android Icons Set consists of 15,000 items styled with the Android's design guidelines and probably the most complete set for the platform.

There are 600 completely unique items while the rest are the addons (like "add file, edit file, delete file") which is great to have the necessary action icons when needed.

It is free to be used in personal projects (free version includes 3 sizes: 24*24px, 32*32px, 48*48px).

P.S. They also have a similar iPhone icons set.

Android Icons

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

There are several awesome and feature-rich frameworks out there for building mobile web apps which can handle almost any scenario.

For complicated apps, they are usually the best option to go with. However, if you are building a simpler app that requires the most standard UI features, Zoey can be for you.

Zoey

It is a HTML5-CSS3-powered framework for creating mobile apps, built on top of Zepto.js and weights only 6kb (gzipped).

Zoey has the UI components like navigation, lists, buttons, control groups, forms and grids.

The framework is compatible with iOS + Android and comes with an app skeleton that covers all the features.

iUI is a mobile web framework that has been around for a long time (since 2007) compared to many other mobile resources.

It was mentioned in a previous WRD article (iPhone Application And Website Development: All Tools And Tutorials You Need) and evolved much since then.

The framework includes a JavaScript library, CSS and images for developing touch-enabled web apps.

iUI Mobile Framework

User interfaces to be created are iPhone-like yet compatible with most smartphones and tablets and has support for menus, forms, lists, image galleries and more.

Also, there are built-in extensions for caching, getting system information, HTML5 videos or theme switching.

iUI is well-documented and has tutorials to get you started easily.

appMobi, a popular platform for creating HTML5-powered mobile apps and websites has recently open sourced several useful resources for mobile developers.

JavaScript Bridge API

In order to access the device APIs of iOS and Android, creating native apps is not a must. The JavaScript Bridge API brings this functionality to mobile web apps.

The API has support for accessing the camera, notifications, player, display, geolocation and more.

appMobi - Open Source Mobile Resources

aUX.js

This is a mobile web framework for quickly creating touch-enabled interfaces that run equally good on iOS and Android.

It has on-device caching, offers block-based architecture rather than page based (only necessary block are updated during browsing), supports fixed headers/footers and includes several workarounds for known bugs on mobile web development.

Others

appMobi has also open sourced mobiUs, a mobile browser that offers a native-like experience when browsing web apps.

It enables web apps to access all of the hardware features of a smartphone, has a good game performance with DirectCanvas technology, comes with built-in caching and much more.

And, there is Direct Canvas/Box2D/Sound which helps running web apps (mostly games that require calculations) much faster, play multiple audio files at the same time (HTML5 normally supports 1 at a time), etc.

Many designers/developers were excited to see the launch of the jQuery Mobile ~a year ago and waited for the stable release to start building for mobile.

With an announcement yesterday, the project officially reached to its first stable release.

jQuery Mobile Stable Release

jQuery Mobile already supports a huge set of mobile browsers, has the ThemeRoller for mobile and it is very well-documented with guides + examples for an easy start.

The framework includes many widgets for (touch-optimized) mobile layouts: toolbars, buttons, pages/dialogs, content formatting, list views and forms. All built on jQuery core for a familiar and consistent syntax.

It is always good to know the cons and pros of tools we are using before starting a new project with them in order not to be disappointed later on.

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.

Also, if you already have strict requirements for the project, a wizard helps filtering the frameworks and fastens the process of choosing the right one.

Mobile Frameworks Comparison Chart

MobileESP is an open source project for easily detecting users browsing the web pages with a mobile browser.

It has server-side versions for PHP, ASP.NET, Java, Ruby and a client-side JavaScript version with light features.

There are methods provided for detecting a specific device (iPhone, Android, WebOS, etc.) or a wider selection if it is a smartphone, tablet, game console, etc.

The project has support for most of the well-known devices and can even identify their capabilities.

Mobile Operating Systems

Touchy Boilerplate is a starting kit for creating mobile web apps that covers most of the tricky parts of the development process.

It includes an HTML template with all the mobile-related meta tags, various browsing scenarios like animated navigation, fixed header + scrollable content and deep linking support.

Also, there are Geolocation functions and various other UI elements provided.

The boilerplate uses jQuery or Zepto.js and has 2 other optional helpers: Touchy JS and Touchy PHP which handles most of the exciting stuff mentioned above.

Touchy Boilerplate

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com