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

Archive for the ‘Mobile Development’ Category

There are many frameworks out there which mimic the user interface of iOS but not much exists for Android

Fries is a solid HTML-CSS-JS framework for creating Android-like UIs both for real-world usage and prototyping.

The framework has all the major components like forms, action bars, lists, buttons, spinners or tabs.

It is also optimized for PhoneGap and can be easily converted to a native app.

Android UI Web Framework - Fries

Sliding side menus are widely used in mobile apps as they are only visible on-demand and save space.

jQuery.mmenu is a slick plugin that brings the same behavior into any -mobile- web layout.

It transforms unordered lists with unlimited sub-lists into menu items and has multiple options for customization.

jQuery sliding menu for mobile - mmenu

The options include the position of the menu (left/right), if a counter for the menu items will be displayed or not and more.

jQuery.mmenu can also be controlled (opening, closing and toggling the menu) with simple functions.

When building and updating native mobile apps, testing them can be a pain as this may require including an SDK or recompiling the app.

Appium is an open source framework which helps automating mobile app testing from any language and any test framework, with full access to back-end APIs and DBs from test code.

Appium

It works for both iOS + Android apps and tests can be written with Java, Objective-C, JavaScript, PHP, Python, Ruby, C#, Clojure, or Perl.

The framework is Mac OS X only and requires Nodejs to run.

When creating mobile versions of a website, there are various methods to follow: creating a mobile versions from scratch, build the main website with a responsive layout or use a converter that will handle the process automatically.

GinWiz is a professional web service (with free and paid plans) that simplifies the latest approach mentioned above: it converts any given website into a mobile version.

GinWiz

Using GinWiz, you don’t build a second site. The GinWiz-powered mobile site is actually a set of rules that syncs with the main website and presents it in a mobile layout (so, any updates made to the main website will be reflected to the mobile version).

The service is very simple-yet-powerful where you can decide how much customization to apply. Normally, it works in 3 steps:

  • enter the website URL
  • select the layout
  • publish it

which only takes few minutes. But, there are options for more like customizing the logo, menu items, colors, social links, etc.

Also, using an advanced editor feature, it is possible to select which parts of the website is the navigation, which parts to be synced or even presented s a carousel.

GinWiz Addons

Ok, let’s say that the mobile site is ready after following the steps, what’s next to forward mobile visitors into this mobile version? Just insert a JavaScript code provided by the service and that’s all.

If we prefer the mobile version to be available under our own domain, a DNS modification is required (pro feature) and GinWiz has “how-to” guides for all major hosting services.

The service is not only about standard websites but also has solutions for e-commerce websites as well.

GinWiz Features

And, if you prefer not to deal with the complete process or in a hurry, they can even generate the mobile site for you.

To sum up, GinWiz is a really very easy-to-use service for making sure that any mobile visitor will enjoy browsing our (or client’s) sites with mobile devices without us developing a mobile version. Use it to create a mobile site on your own.

When working on mobile web apps, you may have experienced that browsers have differences in their gesture APIs.

DeepTissue.js is a library that removes such differences (of MSPointer, WebKit Touch and mouse pointer APIs) and provides a cross-browser gesture handling library.

DeepTissue.js

It has support for all the major events like tap, double tap, tap and hold, rotate, scale or swipe.

The library is standalone but a jQuery-friendly version is also under development.

Junior is a HTML5 front-end framework for creating mobile apps that look and behave like native.

It uses CSS3 transitions for a slick performance, supports swipable carousels and includes various UI components (from Ratchet).

Junior Front-End Framework

The framework uses Zepto (which is nice for jQuery fans as it has a jQuery-like syntax) and has integration with backbone.js views + routers.

 Junior is pretty easy to use and has the documents + examples to get you started

We all know the iOS folder interface: “clicking a folder changing the opacity of other elements and displaying the contents inside a sliding element”.

App-Folders is a jQuery that mimics that behavior and works on both desktop + mobile browsers.

jQuery App Folders

Folders can include any HTML element (images, text, video ,etc.) and each folder gets its own URL that makes direct-linking possible.

The look/feel doesn’t have to be iOS-like but it can be themed completely for creating attractive layouts (check demo).

Mobile_Detect is an open source PHP class for detecting mobile devices.

It uses the User-Agent string combined with various HTTP headers in order to detect the mobile environment.

The class can easily understand whether the platform is mobile, tablet or desktop.

PHP Mobile Detect

Also, functions exist for detecting whether it is iPad, iPhone, Android, Blackberry, etc.

And, we can even drill-down to the versions of the platforms and browsers if needed.

It has a huge library of devices (including Nook, Nexus, Kindle, Archos..) and browsers for a stable detection.

Ratchet is an open source toolkit for easily prototyping iPhone apps using web technologies (HTML, CSS and JavaScript).

It has lots of iOS-looking components like buttons, forms, bars, lists, toggles, sliders, etc. that can be inserted to the prototypes with few lines of code.

Ratchet

The download package is just the template files and the components library. Creating layouts is very easy and their look can be customized with CSS.

Ratchet is very well-documented and has lots of new features to arrive in the future.

NimbusKit is an open source iOS framework, mostly for experienced developers, that consists of various components.

The components are all modular, well-documented and aim to fill frequently-used but missing features.

NimbusKit

Some of the components are: rich text label with hyperlinks, web view controller; an approach to table models, radio groups, table actions and more.

NimbusKit is developed + contributed by an active community and releases new features/updates frequently.

Uptime Robot
feed-holder
FeedBurner
HotScripts Marketplace
PSD2HTML.com