Archive for 2013

    Plumcube : Compass extension for building pure-CSS 3D cubes

    Plumcube : Compass extension for building pure-CSS 3D cubes

    A compass extension for creating 3D cubes of all shapes and sizes… as long as that shape is a cube.

    Note that the plumcube plugin relies on the ‘Bleeding Edge’ version of SASS, because 3D CSS animation is the Internet of the future. If you are already a SASS-y individual, be sure to check your currently installed version (sass -v) and upgrade to the pre-release gem (3.3.0.alpha – get it with gem install sass --pre) if necessary.

    jQuery Color Picker

    jQuery Color Picker

    This minimal plugin allows you to easily and simple to display a color picker on your website. You can easily just copy and paste the one liner code, or get into some more of the detailed configuration.

    Features:

    • Replace all colors by your own favorite color
    • Custom colors append to Colors list
    • Insert HEX color code directly
    • Customizing to use data-* attributes

    Pintro : jQuery plugin for Image Info box slider

    Pintro : jQuery plugin for Image Info box slider

    A jQuery plugin for image info box slider.You have some images in a div which class is ‘albums’, and each image has parent which class =’thumb …’ and has a .info div to contain infomation about image.

    Open JS Grid : Easiest jQuery Grid

    Open JS Grid : Easiest jQuery Grid

    OpenJS Grid is the easiest jQuery Grid ever. With very little work you can have a data grid that can do everything from sorting and searching to complex database queries. Best of all, its open source. So you can learn how it’s all done.

    OpenJS Grid provides a super easy / powerful way to give customers access to data. I do all the database work for you, so you don’t have to figure out searching and sorting, as well as give you cool stuff like events and cell types so you can customize to fit your need. And now with Stylus and Bootstrap, you can easily restyle the grid to your liking.

    jQuery Immersive Slider

    jQuery Immersive Slider

    Immersive Slider let you create a unique immersive slider experience that changes the whole container to match the viewing slide like you see at the Google’s TV website. The plugin will let you assign background images per slide without you doing all the hard work.

    The plugin is capable of blurring the first image it finds in each slide, blow them up and use it as a background without you having to manually set each slide a background image. This is done using the CSS3 style called Filter which only works on Chrome, and maybe a performance hog.

    jQuery Video Lightning

    jQuery Video Lightning

    Turn any element into a lightbox or popover link for Youtube and Vimeo videos.Includes access to all embed API options for both providers as well as a healthy set of style options.The main one, and the reason we built it, is for quick video explainers in the appropriate places. This little plugin bootstraps getting those helpful little videos in place.

    Features:

    • Simple access to all embed API options for both providers
    • Lots of options to customize and beautify your lightboxes
    • Intelligent popover auto positioning gravitates to page center
    • Lazy loading of videos prevents slow page load due to video embeds
    • Rick Roll with ease (don’t pass video id, add rick_roll option to prevent closing)

    jQuery Auto Fix Anything

    jQuery Auto Fix Anything

    This little plugin will let you automatically fix position of any container on your website with one JS call.

    brandsBox : Logos Slider jQuery Plugin

    brandsBox : Logos Slider jQuery Plugin

    Logos slider jQuery plugin.

    Features:

    • Responsive
    • Configurable Grid
    • Hardware, CSS3 Transitions
    • 6 Smooth Sliding Transitions
    • Animations Speed Control
    • Hover Effects
    • 6 Color Modes for Logos
    • Logos Opacity Control
    • Sliding Modes
    • XML / JS Items Management
    • Major Browsers Support

    jQuery Bootstrap-style Dropdowns

    jQuery Bootstrap-style Dropdowns

    One of my favorite Boostrap plugins is dropdowns, but I had a bit of difficulty getting started with them. The docs say you can apply a dropdown to nearly any element, but they really seem to work best with Bootstrap’s navbar, tab, and pill components. Since I was retrofitting an app that was around long before Bootstrap, this wasn’t going to work for me. That and I was hoping to get a scrollable dropdown (with tips!) and a few other features out of the deal. Thus, this plugin was born.

    While the appearance of these dropdowns is almost identical to those of Bootstrap’s, it’s important to note that JavaScript for this plugin was developed entirely from scratch. Some CSS was borrowed, however, especially for generating those gorgeous tips.

    rainyday.js : Simulating raindrops falling on a window

    rainyday.js : Simulating raindrops falling on a window

    The idea behind rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface.rainyday.js features extendable API, collision detection and is easy to extend with your own implementations of different animation components.