A combination of an image slider and an accordion, the Slidorion displays beautiful images along with a variable length description. With slides linked to each tab, and accompanied by a large array of effects, the Slidorion is a great alternative to the traditional jQuery slider.
jQuery Fullsize : A New IMG Tag Attribute with Demo
jQuery Fullsize is an attempt to get a new <IMG> attribute called fullsize into the next version of HTML. Hopefully this site will get the attention of the W3C, and they will add fullsize to HTML and make it a standard. This is an attempt to bring something truely useful to all web developers and is by no means a completely polished idea, but rather a step in the right direction. Please visit the Fullsize Google Group to add your thoughts on how you think this idea can be improved upon.
Timeline : jQuery Storytelling Tool with Demo
Timeline is a JavaScript-powered tool for creating interactive storytelling timelines where a timeline works in parallel with a content slider.Users can choose to browse the contents either by clicking the items in the timeline or by navigating through the content slider where both stays synchronized all the time.
Timeline is great for pulling in media from different sources. Just throw in a link from Twitter, YouTube, Flickr, Vimeo, Google Maps or SoundCloud and Timeline will format it to fit perfectly. More media types will be supported in the future.
Creating one is as easy as filling in a Google spreadsheet or as detailed as JSON.
jQuery.validity : A plugin for powerful client-side form validation
jQuery.validity is a jQuery plugin for powerful, accurate client-side form validation. It is well-organized, versatile and can easily tackle any validation problem.You can use to setup client-side form validation. Instead of writing validation manually or balancing some unwieldy server-side framework, validity allows you to design client-side validation in a manner that feels natural and straightforward.
jQuery.validity takes advantage of jQuery’s selector engine to perform validation on logical groupings of inputs, making it declarative and clean. This means that the inputs on a page can be added, removed, or changed and validation will still work without reconfiguration.
jQuery.validity is designed to give you total control over how validation messages appear, so you can easily adapt the way validation errors are displayed to the look and feel of your site.
jQuery List DragSort with Demo
A javascript file that provides the ability to sort lists using drag and drop. Built on the jQuery framework. The CSS selector of the element inside the list item to act as the drag handle. The default is the list item itself e.g. LI.The css selector of the list items that are moveable. Will only match elements that are immediate children of list container.The css selector of the element you want to scroll (i.e. div with overflow set to auto) when the list item is dragged outside the list.
Cytoscape Web : A jQuery plugin that visualises graphs with Demo
Cytoscape Web is an open-source graph visualisation library for the web. It is written in JavaScript as a jQuery library.
Cytoscape Web allows you to easily display graphs in your websites. Because Cytoscape Web allows the user to interact with the graph and the library allows the client to hook into user events, Cytoscape Web is easily integrated into your webapp, especially since Cytoscape Web supports both desktop browsers, like Chrome, and iOS browsers, like on the iPad.
Cytoscape Web also has graph analysis in mind: The library contains a slew of useful functions in graph theory.
jQuery plugin: “Fly Off Page” with Demo
A new jQuery plugin, it’s called “Fly Off Page”. It will take selected elements and make them fly (not literally) off the page in a random or pre-defined direction. Customizable options include duration (of the animation), direction, tween (extend animation) and ‘retainSpace’ which allows you to retain, disregard or animate-out the space that the specified element once took up.
sigma.js : A lightweight JavaScript graph drawing library with Demo
sigma.js is an open-source lightweight JavaScript library to draw graphs, using the HTML canvas element. sigma.js is mostly inspired by Gephi and the maps of Antonin Rohmer from Linkfluence (one nice example here) – thanks to him also for his wise advices.It has been especially designed to:
- Display interactively static graphs exported from a graph visualization software – like Gephi
- Display dynamically graphs that are generated on the fly
noUiSlider : jQuery Range Slider with Demo
noUiSlider is a little jQuery plugin that turns a html object into a nice (range) slider. It can have two handles to select a range, a fixed minimum or maximum to select a limit, or just two handles to pick some points.
Every event in the noUiSlider has an optional callback, so you can completely control any slider interaction. There is also some cool math in the read-out functions, so you can dynamically calculate any selected value. noUiSlider is developed to provide some basic slider functionality, without having to include the complete jQuery UI library.