Slip.js : UI library for manipulating lists via Swipe and Drag gestures

Slip.js : UI library for manipulating lists via Swipe and Drag gestures

A tiny library for interactive swiping and reordering of elements in lists on touch screens. No dependencies.Supports iOS Safari, Firefox Mobile, Chrome Mobile, Opera Mobile (Presto and Blink).

Inspiration for Custom Select Elements with CSS3 & JavaScript

Inspiration for Custom Select Elements with CSS3 & JavaScript

Some inspiration for styling a custom version of the select element. There are many possibilities and today we are exploring some ideas of how to let the user select a choice in style.We can use JavaScript libraries that transform the HTML elements into a structure that allows us to do some better styling, especially for more complex inputs like the select element. Once a custom structure is in place, the possibilities are really endless and the aim of creating a better experience for the user can be reached more easily.

Cajal : JavaScript library to Animate shapes on HTML5 Canvas

Cajal : JavaScript library to Animate shapes on HTML5 Canvas

Cajal is a javascript library to draw and animate shapes on the HTML5 canvas element.

Cajal provides object oriented functionality to draw and animate shapes on the canvas element. You can easily reuse animations or complex shape-objects in other projects, as every shape can be assinged to as many canvas elements on your site as you like.

Simple jQuery/CSS3 slider

Simple jQuery/CSS3 slider

Simple jQuery CSS3 slider. Simple to use and supports every browser! (IE7+)

SVGMagic : jQuery SVG fallback Plugin

SVGMagic : jQuery SVG fallback Plugin

This ease-to-use jQuery plugin will create a fallback for .SVG images on your website. When the plugin notices that the visitors browser doesn’t support .SVG images it will replace those images with new .PNG images. Those .PNG images are created on the run using a serverside script. When the visitors browser does support .SVG images it will just go back to sleep.

A big advantage of SVGMagic is that you don’t have to create multiple versions of your images. You can just focus on the .SVG images and let SVGMagic do the rest.

jQuery Multiscreen Slideshow

jQuery Multiscreen Slideshow

Showcase your responsive designs in a great way using this slider, enable and disable the devices you want to show and position them in the way you like!

Features:

  • Multiple screens slideshow
  • Enable/disable the devices you want
  • Position them the way you like
  • Lots of different animations that can be set per device
  • Lots of different easings that can be set per device
  • Set the animation speed and delay per device to create unique animations
  • Pagination, previous/next navigation and play/stop controls
  • Responsive
  • Works on all modern devices and in all modern browsers

floatlabels.js : jQuery Plugin for Float Label Pattern

floatlabels.js : jQuery Plugin for Float Label Pattern

Follows the famous Float Label Pattern. Built on jQuery.The Float Label Pattern found his success after Brad Frost wrote a blog post about Float Label Patterns. The idea is based on a Dribbble Shot by Matt D Smith. The Pattern is easy to explain. On User Interaction with an input field the placeholder value moves up, and is displayed above the typed text. This Plugin offers you the possibility to upgrade your forms with this famous pattern.

Wholly : jQuery plugin to highlight Table Rows and Columns

Wholly : jQuery plugin to highlight Table Rows and Columns

A jQuery plugin to highlight table rows and columns on hover with rowspan and colspan support.

Youtube-like jQuery Ajax Loading Bar

Youtube-like Ajax Loading Bar

A little jQuery plugin that will let you add a Youtube-like loading bar to all your ajax links.

JsMorph : JavaScript Motion framework

JsMorph : JavaScript Motion framework

jsMorph is a morphing – motion – tweening framework that knows what you need to do… get going! It’s a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.

jsMorph is a completely Cross-Browser, pure javaScript animation framework that can manipulate almost any and multiple stylings of multiple HTML elements. It auto detects start positions, auto converts units, automatically adjusts rendering speed and corrects time leaks for smoother rendering experience.