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

January, 2012

Easy & Impressive Parallax Effects – Stellar.js

Stellar.js is a JavaScript library for achieving a parallax effect on any scrolling element.

The library supports iOS (with Scrollability) and most major browsers.

stellarjs Easy & Impressive Parallax Effects   Stellar.js

Stellar.js is impressively easy to use; the available attributes are intuitive, and, after a quick look at the docs, you’ll be able to create parallax animations in no time.

All parallax-ed elements will return to their original position when their offset meets the edge of the screen — see the demo in the homepage.

Enhanced LightBox With jQuery – Lightview

Lightview is a jQuery plugin for creating overlay windows (lightboxes).

It features an easy-to-use API and extra media support which is sometimes lacking in other LightBox plugins.

lightview Enhanced LightBox With jQuery   Lightview

What’s interesting about Lightview is how comprehensive the library is.

It features a powerful API, skinning, callbacks, and has more options than a regular user would need… ever.

Lightview is quite the heavyweight in terms of size, too: ~130kb for all required files.

The license is free for non-commercial use, and licensing for commercial projects starts from 50EUR.

Free WordPress Theme For Magazines – Splendid

WPZOOM have published Splendid, aminimalist, free theme for magazines

splendid Free WordPress Theme For Magazines   Splendid

The theme looks nice and clean, except maybe the advertisement which stands out quite a lot.

Some of Splendid’s features:

  • A ‘Featured posts’ panel;
  • Image ‘posts’ (insert images easily);
  • 7 custom widgets like sharing, connecting, etc;
  • Seamless media integration (video thumbnails);
  • Easy customization.

Overall, this is a Splendid theme for web magazines, but you can tweak it to make it fit your needs.

Capture Feedback About Your Website – Clue

Clue is a nifty web application from ZURB that creates super-fast website memory tests.

clue Capture Feedback About Your Website   Clue

You are provided with a share-able link that you can send people to gather results; add a + to the URL to access (or share) the test results.

The clue test itself is rather simple: the visitor is provided a screenshot of your website, and, after 5 seconds, is asked to type five things that he or she remembers about the website.

Such memory tests give insight about the first impression your website makes, and are useful for catching design flaws and discovering what people who first visit your website remember about it.

A Customizable Revolving Slider – Revolver.js

Revolver.js is a slider that’s customizable as you please.

Revolver.js provides an easy-to-use API for creating a gallery of your own, and is used for creating your own, adapted sliders.

revolverjs A Customizable Revolving Slider   Revolver.js

There are countless — literally, dozens upon dozens of slider galleries –, but Revolver has a distinct build that allows for customization.

The “slider-boilerplate” comes with an API that covers what you’d expect from a slider plugin, but leaves sorting the building blocks to you. Transition effects and callbacks are included, too.

Revolver is available as a plugin for MooTools and jQuery, is well documented and leaves but a small footprint on your project (4.5kb minified).

Generate Note Frequencies, Chords And Scales In JavaScript – Music.js

Music.js is a library for easily accessing note frequencies and chords in JavaScript.

musicjs Generate Note Frequencies, Chords And Scales In JavaScript   Music.js

The library itself isn’t an outlet for music as it only generates note frequencies and chords, but doesn’t do the actual output. (You can use e.g., Audiolet for that.)

However, generating notes is by itself quite the task. Note that this isn’t a library for notation but rather for easily passing the frequencies to an output library.