The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

Mobile

Mobile Category

Responsive Design Testing — Screenqueri.es

Screenqueri.es is a web app for testing responsive designs on a grid.

screenqueries Responsive Design Testing    Screenqueri.es

Screenqueri.es allows to load up any given URL, and shows how the design adapts to the screens of various devices (mobile and tablets).

What’s more, it provides a number of presets; this allows you to skip the research part — screen resolutions are given for a huge number of devices.

A MooTools Mobile Framework — Moobile

Moobile is a mobile framework powered by MooTools.

moobile A MooTools Mobile Framework    Moobile

Moobile’s angle seems to be providing a feature-rich mobile framework with interface and mobile presets — not unlike jQuery for mobile.

It’s a well-timed solution for MooTools devs who might have looked onto other mobile frameworks as their framework lacked the mobile tools that have become crucial with the rise of mobile devices.

A Slim JavaScript Library For Multi-touch Gestures – Hammer.js

Hammer.js is a JavaScript library for multi-touch gestures.

hammerjs A Slim JavaScript Library For Multi touch Gestures   Hammer.js

Hammer.js is lightweight (just 2kb) and easy to implement in most projects.

It only serves for multi-touch gestures, and supports the following gestures:

  • Tap;
  • Double Tap;
  • Hold;
  • Drag;
  • Transform.

Overall, Hammer.js is a focused library that makes itself even more useful by doing only a number of tasks, but doing them well.

Lightweight Sliding For Mobile Apps – Swipe JS

Swipe is a library-agnostic JavaScript tool for bringing touch movement to your apps and websites.

swipe Lightweight Sliding For Mobile Apps   Swipe JS

The library offers native 1:1 scrolling, as well as resistant bounds which, much like on the iPhone, signal the user if the end of the scrollbar has been reached.

A key feature of Swipe is scroll prevention, a feature which detects if the user is trying to slide content vertically or horizontally.

Motion Testing Without A Mobile Device – Remote-Tilt

Remote-Tilt is a JavaScript library that emulates motion events on either your own device or a mobile emulator.

remote tilt1 Motion Testing Without A Mobile Device   Remote Tilt

Remote-tilt is very useful as you can debug on your computer without a mobile device, or even fire up the script on a mobile emulator.

Capturing motion events is rather tricky, and the “emulate slight shake” option helps emulating real-life circumstances like never before.

View the introduction video and take a look at the demos to get an idea of what’s what with this completely fine plugin.

jQuery For Mobile Devices – jQ.Mobi

jQ.Mobi is a JavaScript library that focuses on being efficient for mobile devices.

jQmobi jQuery For Mobile Devices   jQ.Mobi

The library has a small footprint (only 3.5kb — compare with 24kb of jQuery) and, although it doesn’t offer anything that new, unit tests show that jQ.Mobi is miles ahead of the competitors in terms of performance.

jQ.Mobi is aimed towards jQuery developers who want to write more efficient apps; thus, the syntax is more or less like that of jQuery.

It ships together with an UI library and some plugins for mobile interfaces and interactions.