An experimental animated ribbon which reveals a curtain of additional content. See the top right corner! of the demo.
Best jQuery Core Java Script Plugins & Tutorials with Demo
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
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
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 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 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
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
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 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).
