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

JavaScript

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

High-performance 2D/3D Polyline Simplification – Simplify.js

Simplify.js is a JavaScript library for simplifying polylines.

simplifyjs High performance 2D/3D Polyline Simplification   Simplify.js

The library drastically reduces the amount of points that are used to draw a polyline, allowing for a significant performance boost.

As the shape is what’s most important when drawing polylines, the library is all but mandatory if you have data which generates thousands of points in a graph–the performance boost is huge even on small simplification ratios.

A Social Content Management System – JSLardo

JSLardo is a interesting “social” CMS, based on NodeJS and mongodb; it uses Jade for templates.

jslardo A Social Content Management System   JSLardo

jslardo requires users to register and allows them to create not only content, but create models, views, websites and pages.

That’s indeed an interesting sidestep from the usual way content management systems run–and only time will show whether the “JSLardo” way will become popular.

Powerful 3D Scene Graphics – SceneJS

SceneJS is a JavaScript engine for rendering high-quality 3D graphics with WebGL.

scenejs Powerful 3D Scene Graphics   SceneJS

SceneJS fetures a powerful, node-powered API that plays well with the rest of the library’s components.

The library is meant mostly for projects where details are key: e.g., engineering viewers; medical models, etc.

Among the most notable features of SceneJS are powerful texture animation tools, multitexturing, and separate scene support.

For the full feature list, visit the features page in the SceneJS wiki.

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.