Best jQuery Core Java Script Plugins & Tutorials with Demo

EpicEditor : An embeddable JavaScript Markdown editor

EpicEditor : An embeddable JavaScript Markdown editor

EpicEditor is an embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more. For developers, it offers a robust API, can be easily themed, and allows you to swap out the bundled Markdown parser with anything you throw at it. EpicEditor allows you to create a Markdown editor with a single line of JavaScript.

Bookflip : JavaScript Page Turn effects

Bookflip : JavaScript Page Turn effects

Totally javascript Book Flip for page turn effects. Bookflip engine has been totally rebuilt for better modern browser performance(IE8 & 9).Place any html code within the books pages – div id=”pages” (#no longer inside bookflip div). Each code block within the pages div will be treated as a seperate book page. Setting are adjustable in the script.

Downloadify : Download text files without server interaction with js library

Downloadify : Download text files without server interaction with js library

A tiny javascript + Flash library that enables the creation and download of text files without server interaction.Web applications that allow you to generate vCards, color palettes, custom code, etc would benefit from using this library. In addition to increasing speed (no round trip to the server) this solution can reduce the database and server load of existing web applications. This is not a library to ‘force download’ a file from a server. It does not interact with a server at all.

sizeit.js : A javascript helper for responsive web design

sizeit.js : A javascript helper for responsive web design

sizeit.js is a JavaScript utility that detects the screen size and loads external css based on the settings you configure. Works kinda like media queries.

In many cases, media queries do just fine, but not always. The reason I created sizeit was for building web apps. I need more control over the appearance and content than what CSS and media queries allow. Using JavaScript to handle size detection, this information is available for application scripts as well as templating tools like jQuery Templates or Mustache.

Other reasons for using sizeit.js? Media queries are not supported in older browsers. By dynamically loading external CSS based on window size, sizeit.js eliminates the need to load extra css for all the various screen sizes. JavaScript can’t hook into media queries, which are purely a CSS convention, so I’ve seen examples of using both together. With sizeit.js, all your screen size detection is handled in one spot.

BetweenJS API : JS tweening engine

BetweenJS API : JS tweening engine

BetweenJS is Tweening Engine for JS.Highly inspired from BetweenAS3.Creates a Tween and apply it with an immediate effect, accurate for setting desired values in the time-range of the tween.Different type of tweens available are  regular tween, bezier tween,  time-unrelated tween,  Physical tween,  Reversed tween,  repeatable tween,  delayed tween, sliced tween,  time-streched tween, ActionTween.

Creating a Slider Control with the HTML5 Range Input and JavaScript

Creating a Slider Control with the HTML5 Range Input and JavaScript

In this tutorial we will create a basic HTML5 range input slider to resize an image, with a JavaScript function updating elements in the page as the user alters the range. At the moment, Internet Explorer and Firefox do not support the range input, but the WebKit (Safari and Chrome) and Opera browsers do.

Mousetrap : Keyboard shortcuts in Javascript

Mousetrap : Keyboard shortcuts in Javascript

A simple library for handling keyboard shortcuts in Javascript.Mousetrap is a standalone library with no external dependencies. It weighs in at around 1.4kb minified and gzipped.Any keyboard event that has been bound can be triggered by passing in the string you used when you bound it originally.Note that this is not actually triggering a key event in the browser. It is simply firing the event you bound to that key within mousetrap

The feature was inspired by Gmail. Any keys separated by a space will be considered a sequence. If you type each key in order the final one in the sequence will trigger the callback. If you type a key not in the sequence or wait too long the sequence will reset.Any key events that would normally fire for keys within a sequence will not fire if they are pressed within the context of that sequence.

cssFx : Inserts vendor prefixes for CSS3 properties

CssFx : Insert verdor prefixes for css3 properties

cssFx is a standalone polyfill that inserts the vendor-specific CSS3 properties necessary for old and new browsers. This saves you tons of time, maintenance, and bandwidth!

Supported features :

Box shadows, border radius, multiple columns, border image, RGBA, transforms, keyframes, transitions (and properties inside transitions), flexible box, gradients, and a ton of other useful things (like opacity, ellipsis, and inline-block).

Flickrshow : Simple Javascript slideshow for Flickr

Flickrshow : Simple Javascript slideshow for Flickr

Flickrshow is a very simple Javascript slideshow for Flickr. It doesn’t require any web-development expertise, any particular Javascript frameworks, (although it works with all of them), or any hosted web space. It works in all modern web browsers, and Internet Explorer 6.Flickrshow can display the latest images uploaded to Flickr in less than 40 characters.

Although Flickrshow does not require jQuery, if JQuery is detected Flickrshow will add a convenient wrapper function allowing you to use Flickrshow as you would any other JQuery plugin.

Pull Off Awesome Scroll Effects With Stroll.js

Pull Off Awesome Scroll Effects With Stroll.js

Stroll.js is a super easy to implement library that makes applying mind-boggling scroll effects a breeze. All you have to do is paste in a couple of brief lines of JavaScript, the rest is all handled with HTML and CSS. Keep reading and I’ll show you how it works.

Stroll.js is a neat little JavaScript library that brings a bunch of eye-catching animations to the scroll action on list items. The idea is that you have a group of items in a scrollable list and you use Stroll.js to make browsing that list more interesting.