jQuery Core Java Script Plugin & Tutorials with Example

Powerange : iOS 7 style range slider

Powerange : iOS 7 style range slider

Powerange is a range slider control, inspired heavily by iOS 7 and the “Power Rangers” TV series. It is easily customizable, both by CSS and JavaScript. With it’s many features, including changing color and overall style, switching between horizontal and vertical style, custom min, max and start values, custom step interval, displaying decimal values, displaying icons instead of min/max numbers, it is a really powerful UI tool to use on your website.

Switchery : iOS 7 Style Switches for your Checkboxes

Switchery : iOS 7 Style Switches for your Checkboxes

Switchery is a simple component that helps you turn your default HTML checkbox inputs into beautiful iOS 7 style switches in just few simple steps. You can easily customize switches, so that they match your design perfectly.

Sticker.js : Javascript library to Create a Sticker Effect

Sticker.js : Javascript library to Create a Sticker Effect

A Javascript library that allows you to create a Sticker Effect.It creates the necessary HTML elements in the target and add the sticker effect using CSS3.

Kolorwheel.js : JavaScript Color palettes Transformation Chain

Kolorwheel.js : JavaScript Color palettes Transformation Chain

This small javascript library is designed for developers, who have no talent and time to create professional color palettes. Pick a base color, build a transformation chain, and if you haven’t choosen too weird parameters, the result will be satisfactory.

Interact.js : Javascript Drag and Drop, Resizing and Gestures

Interact.js : Javascript Drag and Drop, Resizing and Gestures

Javascript drag and drop, resizing and gestures for modern desktop and mobile browsers.

Features:

  • snapping to a grid, custom anchors or paths.
  • cross browser and device, supporting {Chrome,Firefox,Opera}’ ‘{mobile,desktop}’, ‘ and Internet Explorer 8+
  • interaction with SVG elements
  • being standalone (not yet another jQuery plugin)
  • introducing 0 additional DOM elements
  • having(a). fluent ().interface

MotionDetector.js : JS library for motion detection

MotionDetector.js : JS library for motion detection

MotionDetector.js is a JavaScript library for motion detection through webcamera.

QuestionMark.js : A keyboard shortcuts modal for your App

QuestionMark.js : A keyboard shortcuts modal for your App

When the user pushes the ? key, QuestionMark.js triggers a modal window that displays keyboard shortcuts for your app — similar to what happens on Twitter, Gmail, GitHub, etc. The modal is removed when the ESC key is pushed or the user clicks behind the modal.

I think every app that has keyboard shortcuts should do this. This could also be a generic ‘help’ menu for the app, but that would require some tweaking to the code and the CSS. For now, this works primarily as a shortcut keys menu.

Responsive Full Width Tabs with CSS & JavaScript

Responsive Full Width Tabs with CSS & JavaScript

A full width tab component with some example media queries for adjusting the icons of the tabs and the content layout. The main idea is to show only icons for the mobile view and allow the text to appear when there’s enough space. The content columns and the containing media boxes have three different layouts.

Google Grid Gallery with CSS3 & JavaScript

Google Grid Gallery with CSS3 & JavaScript

A responsive Masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google.

This Blueprint is a responsive grid gallery based on the gallery by Google for the Chromebook Getting Started guide. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items. For smaller screens we have some example media queries that adjust the grid layout and also the gallery view.

Easy Video Player with JavaScript & Html5

Easy Video Player with JavaScript & Html5

Easy Video Player is a powerful responsive video player that can play local videos, streaming videos from a server or Youtube videos. It only requires the mp4 format (the best and most used format on the web) and it will work on mobile devices and desktop machines no matter which browser is used including older browsers like IE7/IE8, this is made possible by incorporating four video engines into the Easy Video Player, basically it has built-in a HTML5 Youtube video engine, normal video engine, flash Youtube video engine and flash normal video engine. Packed with a huge amount of features like responsive layout, multiple instances manager, flexible skin, facebook share etc



Best jQuery websites design awards