Posts Tagged ‘Javascript’

jQuery is by far the most popular JavaScript library and it simplifies many JavaScript related tasks so much.

However, as expected, it can't handle everything but targets the most common tasks. And, sometimes, we need that missing pieces.

jQuery++ is a set of DOM helpers and special events which fills a part of this gap. It is not a UI library (like jQuery Tools) but only low-level DOM-utilities.

jQuery Plus Plus

Some of the plugins included are; a modified .animate (which uses CSS animations when possible) .cookie or .formParams (which serializes form data). And, there are events for drag, drop, swipe and much more.

It is possible to use each plugin one-by-one or a custom-download-generator helps packing only the selected ones into a single file.

Chronoline.js is a JavaScript library for creating a chronological timeline of events.

The timeline is is displayed horizontally, events placed on it can be any days long and details about the events are shown in a tooltip when hovered.


It can feature the timeline with any number of days (day-by-day, weekly, quarterly, month-by-month, etc.).

The library uses Raphael.js + jQuery and works only in modern browsers.

Redactor is a JavaScript-powered (jQuery) WYSIWYG editor with a clean and good-looking interface.

It auto-converts textarea fields into an editor and the editor is capable of all the major actions (text-styling, adding image/file/video/tables/lists).

The uploading of files and images makes use of HTML5 APIs and they can be uploaded via drag 'n' drops besides selecting files.

Redactor - jQuery WYSIWYG Editor

Redactor can work inline or fullscreen, there are many settings to customize it and it is multilingual (already supports many languages).

P.S. The website of the resource is half English and half Russian but it is coded in English and demos + docs help understanding how it works.

You'll remember Scrollorama, the popular jQuery plugin for creating chic scrolling effects.

There is now a superior version named SuperScrollorama by the same developer which offers more and complicated animations.

It makes use of the feature-rich TweenMax and the Greensock Tweening Engine (make sure you check its license before using) for accomplishing the effects.


Similar to an animation app, it allows us to add tweens and timelines to it, targeting when an element appears in the viewport or at a specific scroll point.

The website of the resource shows its flexibility and there is a short-yet-enough documentation provided.

Improving (manipulating) standard HTML elements with JavaScript for a better usability makes sense when used wisely.

ddSlick, a lightweight jQuery plugin, does that by mimicking the behavior of list-menus with a better look and more information.

It works as a drop-down menu where we can use images and description besides a simple text.

ddSlick jQuery Plugin

The data source that populates the drop-down options is JSON and there are multiple options for customizing the functionality. The look & feel can be changed as well (very few styles used).

There is also a callback function that is fired when an option is selected (which is good for auto-modifying a hidden form for a possible submit, etc.).