tFigure2 : Animated Image Captions with CSS3

tFigure2 : Animated Image Captions with CSS3

Second part of small collection of 5 CSS animated Image Captions. This kit stuff will save you a lot of time when creating websites! They’re really easy to use and have very nice interfaces. Enjoy!

Wanker.js : jQuery Easter Egg Plugin

Wanker.js : jQuery Easter Egg Plugin

A jQuery plugin that reveals a takeover when people start excessively resizing their browser.

jquery.wanker.js is the perfect easter egg plugin for designers, photographers, writers, and other creative people with a sense of humor displaying their work on the web wishing their viewers to focus more on their work, and less on the magic of media queries.

Responsive Layered Slider with CSS3 & jQuery

Responsive Layered Slider with CSS3 & jQuery

In this tutorial you will lean how to create a responsive layered slider. The slider will have multiple slides, each slide will have multiple layers which can have a different fade in effect.

The entire slider works by using just a JavaScript document and you don’t have to attach any CSS style sheets to use it. Each layer will have 18 possible effects which you can use to your liking. All animations are created by inserting CSS code into the page using JavaScript

Card Expansion Effect with SVG clipPath & jQuery

Card Expansion Effect with SVG clipPath & jQuery

A morphing card expansion effect enhanced by a low poly background animation, using SVG clipPath and Trianglify.We are going to create a experimental grid layout with “cards” where we’ll animate the card expansion with a morphing effect on the cover image and follow its motion with a delightful animation of a low-poly pattern used as the background of the page.

JavaScript HTML5 File Reader

JavaScript HTML5 File Reader

This object can read files user selected with the FileReader API.It creates an invisible file form input on the page to let the user select one or more local files.The object uses the HTML5 FileReader API to retrieve the contents of the files the user picked.A given callback function when each of the selected files is loaded.

easyLocator : jQuery plugin to Load Locations on Maps

easyLocator : jQuery plugin to Load Locations on Maps

EasyLocator is a jquery plugin to load locations with Google Maps in any website using a google spreadsheet or an array of objects.

Document Library : jQuery Plugin

Document Library : jQuery Plugin

Document Library is a jQuery plugin that will allow you to display a collection of documents/files on your web page.The file formats that Document Viewer supports are:

  1. PDF Files
  2. Images – png, jpg, jpeg, gif
  3. Audio – mp3, m4a, oga, webma, fla
  4. Video – m4v, ogv, ogg, webmv

Gradify : CSS Gradient Placeholders

Gradify : CSS Gradient Placeholders

A module to produce CSS gradients as placeholders for images.

Filterable Product Grid with jQuery & CSS3

Filterable Product Grid with jQuery & CSS3

A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.This Blueprint is a responsive Isotope-powered product grid layout where each grid item is a Flickity image slider. A small cart icon animation indicates that a product was added to the shopping cart. The product filter utilizes the Isotope filter functionality. Some example media queries are used to show how to make the layout adaptive.

Hover Carousel with jQuery & CSS3

Hover Carousel with jQuery & CSS3

This super lightweight jQuery carousel which only moves left and right in relation to the mouse position inside it’s area.