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

MIT

MIT Category

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.

A Canvas Graphing Library – flotr2

flotr2 is an extendable, cross-platform JavaScript canvas graphing library.

flotr2 A Canvas Graphing Library   flotr2

What’s striking about flotr2 is its dead simple API and extend-ability.

The API features two other libraries –underscore.js and bean.js– underscore for variable and array functionality, but bean, presumably, for its event management features.

flotr2 is great for creating custom charts and graphs, but, as the examples are plentiful, you can simply copy the chart you find most attractive.

A Dependency-free MVC Client Side Framework – Serenade

Serenade.js is a dependency-free MVC framework with a powerful templating language, as well as powerful caching features and dependency-free functioning at a mere 9kb.

// templating markup in Serenade is pretty impressive:

h1[title=@name] "His name is " @name

// produces

<h1 title="Jonas">His name is Jonas</h1>

Serenade is quite similar to backbone.js in the way it works; however, as the developer explains, the original MVC approach is used. Thus, the controller’s sole purpose in Serenade is responding to user events.

Although the framework doesn’t provide a routing system an external one can be implemented, especially given that Serenade’s dependency-free nature won’t interfere with other libraries you want to use.

Unobtrusive Client-side Pagination – jPages

jPages is a jQuery plugin for client side pagination.

The plugin is unobtrusive as it doesn’t add any extra styles and leaves the design nuts and bolts entirely to you.

jpages Unobtrusive Client side Pagination   jPages

The plugin has a great number of options and its API allows either jumping to a specific page, or destroying the plugin. The latter is very useful as you can, after destroying a given instance, reload jPages with different parameters.

jPages is a full-fledged pagination plugin that’s useful not only for creating galleries and media libraries, but also websites–just like in this example.

Mark Article Progress With A Single Click – youRhere

youRhere is a jQuery plugin that allows users to mark their article progress with a single click.

YouRhere Mark Article Progress With A Single Click   youRhere

youRhere is lightweight (6kb when not minified) and features an easy markup and even easier implementation.

The plugin uses HTML5′s local storage API to great effect–a fallback for older seems to be lacking, though– and altogether grants an efficient way of letting your users know that they can safely mark your longer articles and read them fully a bit later.

A Command Line Tool For JS Projects – grunt

grunt is a Node command line tool to make some actions easier when making JavaScript projects.

gruntjs A Command Line Tool For JS Projects   grunt

The library makes doing the above actions a lot easier.

grunt features a rather useful way of doing things through tasks. Tasks can be aliased, new tasks can be created, and some globals are used in tasks as well for code shortening (the globals don’t appear too harmful for this project).

Overall, grunt is a well-documented and useful tool for node projects.