Turntable.js : jQuery Image Rotate Slider

Turntable.js : jQuery Image Rotate Slider

Turntable.js is a responsive JQuery slider that will let you rotate through a list of images as your mouse (or finger) sweeps across a container. Think of it like a flipbook made with Javascript, instead of paper. All you need is a set of images, and jQuery.

Bricklayer : Lightweight Cascading Grid Layout Library

Bricklayer : Lightweight Cascading Grid Layout Library

Bricklayer is a lightweight & independent cascading grid layout library.

Features:

  • Simpler than any other cascading grid layout tools.
  • Lightweight, no fat. (1.5KB gzipped)
  • No frameworks required.
  • Responsive support with no glitches.
  • Easy configuration.
  • No inline styles, static positioning.

atrament.js : JS library for beautiful Drawing

atrament.js : JS library for beautiful Drawing

Tiny JS library for beautiful drawing and handwriting on the HTML Canvas.Atrament is a lightweight library that enables the user to draw smooth, natural drawings and handwriting on the HTML canvas. The algorithm was originally developed about 2 weeks after I started learning JavaScript, as I wanted to build a collaborative drawing space on the web, which ended up being 1WALL. 

Notiny : jQuery Notification Plugin

Notiny : jQuery Notification Plugin

Notiny is a ultra-small jquery notification plugin.

backDetect : jQuery Plugin to detect Click on Back Button

backDetect : jQuery Plugin to detect Click on Back Button

jQuery backDetect is a jQuery plugin that is used to determine when a user clicks the back button and fire a callback function.

Long Shadow jQuery Plugin

Long Shadow jQuery Plugin

Easy Text-Shadow with Long Shadow jQuery Plugin.

Resizable Multicolor Countdown

Resizable Multicolor Countdown

This tool is the the timers which comes with flipping animation. You can adjust the color of the back panel so that it has changed over time. Or you can use a static color. The colors are set to digits, the rear panel and signatures. It uses vector data to draw the digits and the panels of the countdown, there is no change in the quality of the displayed drawings when it gets resized.

Features:

  • Resizable
  • Changes color over time
  • Editable colors.

idleCat : jQuery plugin for user-presence Detection

idleCat : jQuery plugin for user-presence Detection

Simple and lightweight jQuery plugin for user-presence detection.

360 Degrees Product Viewer with CSS & jQuery

360 Degrees Product Viewer with CSS & jQuery

A simple, interactive resource that can be used to provide a virtual tour of your product. The idea behind the snippet is to use an image sprite and link the dragging to a specific frame of that image. You can use it to show the exterior of a technology gadget (or a car, like in our demo!), or, in general, to create fancy product animations.

Interactive 3D Mall Map with CSS & SVG

Interactive 3D Mall Map with CSS & SVG

Today we’d like to share a little 3D experiment with you. The idea is to show a mall map with all its floors in perspective. Additionally, we have a search in a sidebar that allows to filter mall spaces. Once a floor is selected, we show some pins as indicators for the different stores/spaces. When clicking on a pin, we show some more details of that space. We’ve mostly used CSS trickery for this, applying transitions that will rotate and move the levels by adding or removing classes. The levels are represented by inline SVGs.