AliceJS : A Independent CSS Engine for high-end visual effects

    AliceJS : A Independent CSS Engine for high-end visual effects

    AliceJS  is a micro JavaScript library focused on using hardware-accelerated capabilities (in particular CSS3 features) in modern browsers for generating high-quality, high-end visual effects.AliceJS is completely self-contained and doesn’t rely on any other libraries. It also focuses exclusively on setting up animations through CSS manipulations. This makes it easy to include along with other libraries without fear of collision as AliceJS doesn’t try to do event handling (touch or mouse), nor does it enforce particular logic or layout elements. It’s easy for instance to use AliceJS to animate a Dojo Dialog component for example, or a jQuery UI component, just by addressing the underlying DIV.

    We are experimenting with many UI components, with tying in sensors, adding physics, and even organics. This is perhaps one of the more exciting feature of AliceJS. The human eye is very good at spotting differences in movement. Something so subtle as a millisecond difference can be perceived. Achieving natural/organic randomness is at the heart of most high-end visual effects in Hollywood blockbuster films. The beauty is that we don’t need to reach that level of sophistication to give an effect some variability so that during the lifetime of the application, things don’t feel repetitive. Varying just slightly the speed, perspective, and over-rotation on a flip effect adds a degree of subtle “freshness” every time it comes up.

    FlippingBook WordPress Gallery Plugin in jQuery

    FlippingBook WordPress Gallery Plugin in jQuery

    FlippingBook WordPress Gallery Plugin is a full integrated image gallery plugin for WordPress with page flipping effect. Allows you to create flash books with page flip effect directly from the administrator panel via a specifically designed interface.

    A jQuery Plugin for Zoomable, Interactive Maps

    A jQuery Plugin for Zoomable, Interactive Maps

    Each location on the map would be represented by a bullet. Clicking the bullet would bring up more information on the location. Since the locations of the bullets tended to be highly clustered, zooming into select subregions was possible.

    We wanted the experience to be engaging as possible but also easily updatable in the future. We settled on jQuery as the interface technology to use as it made it simple to build, display and animate the map.

    ContentFlow : JavaScript flexible Coverflow Slider

    ContentFlow : JavaScript flexible Coverflow Slider

    ContentFlow is a flexible CoverflowTM / ImageFlowlike flow written in javascript, which can handle any kind of content.

    With ContentFlow it is now possible to have any number of flows within one web-page. Each separately configurable, satisfying different visual needs.

    • It’s easy to implement and to extend.
    • It can auto generate reflections (clientside)!
    • You can add and remove content items on the fly
    • You are free to define your own methods for displaying content and interacting with it.
    • You can control all aspects of the flow without loosing the ease of use.

    ContentFlow can handle different kinds of control, like keyboard and mouse, and can be used with and without a reflection. For a complete list of features and compatibilities take a look at the feature list.

    jQuery Verbose Calendar

    jQuery Verbose Calendar

    Why another jQuery calendar? I needed something very specific for a personal project which led me to created this calendar. After making it I thought it was pretty neat.You’ll have to source the calendar JS, the calendar CSS, and jQuery. The implementation is straight forward if you check out the example.

    Create a Ribbon DropDown Menu with CSS3 and jQuery

    Create a Ribbon DropDown Menu with CSS3 and jQuery

    In this tutorial, I’ll show you how to create a simple ribbon dropdown menu using CSS3 and jQuery. The menu is cross-browser compatible so it will be easy for you to adapt in your project. And to spice up a little bit the menu, I used the superfish javascript class and “Oswald” font from Google fonts library.

    In the downloaded archive you’ll also have acces to the PSD file, in case you need to change the design. Let’s see now how the CSS3 dropdown menu was done.

    Map Widgets for jQuery

    Map Widgets for jQuery

    Quickly create stunning highly styled jQuery and Google Maps v3 based maps for your next business directory, real estate guide, or travel site project. Included 2 power widgets and 3 themes with custom markers and original PSDs. Saves 60 hrs of work, installs in minutes.

    Welocally Maps Quick Widgets is a set of jQuery based javascript widgets that make it easy to create highly styled customized maps using Google Maps API v3. Its perfect for creating business directory websites, travel sites, real estate guides or any website where you want to go beyond the look and feel of Google Maps and showcase real world places.

    Simplifies the Google Maps v3 API

    • 2 Widgets Included, Place Widget and Interactive Multi Place Widget
    • 3 Themes with custom marker and icon photoshop files included
    • Package includes working demos with installation and styling guides

    SelectNav.js :Responsive Drop-Down menu in JavaScript

    SelectNav.js :Responsive Drop-Down menu in JavaScript

    SelectNav.js is a JavaScript plugin that lets you convert your website navigation into a select drop-down menu. Used together with media queries it helps you to create a space saving, responsive navigation for small screen devices.SelectNav.js adds a js class to the html element. Thanks to this, when JavaScript is disabled the default navigation will be visible. Selectnav.js works with every navigation in form of ul or ol lists that follow the example above.

    jqBarGraph : jQuery Bar Graph Plugin

    jqBarGraph : jQuery Bar Graph Plugin

    jQuery plugin for creating bar graphs from your data. jqBarGraph is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

    There is two type of data array for jqBarGraph. First is for simple bar graph type, and second is for multi and stacked bar type.For simple bar graph type data for one bar should look like this: [value, label, color]. Label and color are optional. For multi and stacked type of graph you should send data in next format: [[value1, value2, value3, …, valueN], label].

    Chronoline.js : A JavaScript Library For Displaying Timeline Of Events

    Chronoline.js : A JavaScript Library For Displaying Timeline Of Events

    chronoline.js is a library for making a chronology timeline out of events on a horizontal timescale.From a list of dates and events, it can generate a graphical representation of schedules, historical events, deadlines, and more.Currently, chronoline.js only requires raphael.js to function. jQuery/qTip2 are used to provide nicer tooltips, but these aren’t required.

    To use it, provide a target element and an array of dates (possible ranges) with event descriptions, and it will render the contents of the timeline.

    There are a variety of options provided, which you can see in the JavaScript itself. They are currently (and will likely always be) quite idiosyncratic and represent the degrees of control needed for the projects this has been used for.