A fixed table of contents drop-down menu jQuery plugin. It’s a one-page site that uses a fixed drop-down menu at the top of the screen that collapses/expands in a “table of contents” style.
How to Create Tabs in HTML Using jQuery
HTML based tabs are widely used as a part of the modern ux practices as it’s the most convenient way of presenting data and users can easily browse through larger sum of data without leaving the page or waiting for any postbacks.
Say goodbye to those long pages and implement HTML tabs today to improce your website’s user experience.
I will be using jQuery to create the HTML Tabs today, don’t worry it won’t be a killer. I’ll guide you through every step and I’m confident that by the time you’re done with this tutorial you’ll agree to the fact how easy it is to create tabs with just a few lines of jQuery’s magical code.
Native Fullscreen jQuery API
HTML5 <video> is great, but when it was first released, one of the big complaints was that it couldn’t do true FullScreen like Flash. Thankfully, this is changing and native FullScreen support is coming to most browsers in the next few months.
The API is still heavily in flux especially since the W3C joined in this week. I spent some time working through the differences to implement FullScreen in MediaElement.js HTML5 video player, and it’s working great in Safari 5.1+, Chrome Canary Chrome 15+, or Firefox Nightly (go to about:config and set full-screen-api.enabled= true) and scheduled for Firefox 10.
naviDropDown: Simple jQuery Menu with easing & hoverIntent
Here is a simple jQuery plugin I wrote recently which allows you to create a simple drop down menu, utilising hoverIntent, and jQuery’s own slideUp and slideDown effects. You can also set the orientation of the drop down depending if your navigation is horizontal (default) or vertical, and set the duration and easing method of both slideUp and slideDown on initiation of the plugin.
Multipurpose Bookshelf Slider – jQuery Plugin
Multipurpose Bookshelf Slider is useful for displaying products such as books, magazines, dvd/cd and others. It’s a way to showcase products in an attractive manner. Features of “lightbox” to display images, videos (Youtube and Vimeo) and content with iframe. See the Live Preview for more details.
Features :
- Crossbrowser compatibility;
- Set any size, width and height;
- Gallery Navigation;
- Lightbox;
- Can display images, Videos (Youtube and Vimeo) and html content with Iframe;
- Easing transitions;
- Easy to configure and use;
- Clean code. Minified only 12kb;
- jQuery plugin. Compatible with jquery 1.4 or greater;
- PSDs and examples included;
- HTML documentation included;
Cubism.js : Time Series Visualization Chart
Cubism.js is a plugin for D3.js, a JavaScript visualization library for HTML and SVG, to display time series in real-time. It has built-in support for Graphite and Cube, and can be readily extended to fetch data from other sources. It requests the data incrementally by polling only the most recent values and reduces the load on the server. Charts are rendered incrementally as well by shifting charts one pixel each time to the left.
jQuery Knob : Create beautiful circular switches
jQuery Knob is powerful jQuery plugin that helps users to create beautiful circular switches ( like volume controls ).It works by transforming any given input fields according to the values defined in its attributes and can be drag ‘n’ dropped to change the value. It also facilitates users to define the min-max values, default value on initial load, color and put it into read only mode.
jQuery Keypad
A jQuery plugin that attaches a popup keyboard to a text field for mouse-driven entry or adds an inline keypad in a division or span.The keypad functionality can easily be added to a text field with appropriate default settings. Use it with a password field for more secure text entry.
polyfill jQuery Plugin
<meter> polyfill is newly introduced in HTML5 meter element in the browser does not support the meter so that the element to be rendered jQuery plug-ins. Such as Opera and Chrome, already meter to browsers that support the element does not affect anything. This plug-in will work with 6, 7, 8, 9 Internet Explorer.