roundSlider : jQuery Circular Range Slider

roundSlider : jQuery Circular Range Slider

Round slider (also can call as Circular slider, Radial slider) is a jQuery plugin that allows the user to select a value or range of values.

Not only a round slider, it supports the quarter, half and pie circle shapes also.

jQuery Scroll Tracker Plugin

jQuery Scroll Tracker Plugin

A jQuery plugin that tracks designated elements’ scroll position relative to the viewport, and adds CSS classes to the element(s) describing the current position. Great for adding CSS transitions to elements as they appear/disappear from view.

Vertical scrolling demo
Horizontal scrolling demo

ProjectBlocker : jQuery solution for Blocking Uncomplete Site

ProjectBlocker : jQuery solution for Blocking Uncomplete Site

A handy jQuery solution for blocking responsive, IE, or incomplete bits from being seen while in development.

Features:

  • Block responsive web design – gives you the ability to demo coded previews without worrying about how the project might look on mobile devices.
  • Block the homepage – show a polite message that a page isn’t yet ready to be viewed to keep visitors out of broken or unfinished areas of preview sites.
  • Block Internet Explorerduh.
  • Customizable and friendly blocking messages – because good UX is the right thing to do.
  • Bypass for developers – for sanity.

Emojify.js : Convert Emoji Keywords to Images

Emojify.js : Convert Emoji Keywords to Images

A Javascript module to convert Emoji keywords to images.

Features:

  • Fast
  • Awesome
  • Converts emoticons like :) :( :'(
  • Allows customisation of processed emoji
  • Multiple modes; img, sprites and data-URI
  • Available on a CDN (gasp)

Combo Select : jQuery Searchable Select Box

Combo Select : jQuery Searchable Select Box

Converts a select box into a searchable and keyboard friendly interface. Fallbacks to native select on mobile and ipad devices.

  • Search and filter select items
  • Mobile and Tablet friendly (fallbacks to native select)
  • Keyboard accessible
  • Easily to style
  • Data attribute support
  • Support both numeric and string data types in select
  • Supports implict style attributes

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.