jQuery Core Java Script Plugin & Tutorials with Example

Shine.js : A JavaScript library for Pretty Shadows

Shine.js : A JavaScript library for Pretty Shadows

Shine.js is javascript library for pretty shadows.

Features:

  • Dynamic light positions
  • Customizable shadows
  • Uses text or box shadows based on content
  • Works in browsers that support textShadow or boxShadow and auto-prefixes if necessary

Royal Video Player with HTML5 & JavaScript

Royal Video Player with HTML5 & JavaScript

Royal 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 Royal Video Player, basically it has built-in a HTML5 Youtube video engine, normal video engine, flash Youtube video engine and flash normal video engine. Royal Video Player supports unlimited playlists and each playlist can have unlimited videos. The playlists can be loaded from a simple HTML markup, XML file, video folder or youtube playlist.

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.



Best jQuery websites design awards