JQuery Plugins - 5
Accessible News Slider
Accessible News Slider is a JavaScript plugin built for the jQuery library.
It meets the accessibility requirements as outlined by WCAG 1.0.
It meets the accessibility requirements as outlined by WCAG 1.0.
Sexy Curls
Filed in Effects - 7 months ago
An open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold (page peel).
jQuery Context Menu
jQuery Context Menu is a context menu plugin for jQuery. It was designed to make implementing context menu functionality easy and requires minimal effort to configure.
Simple Controls Gallery
Filed in Media - 7 months ago
Want to display images as an automatic slideshow that can also be explicitly played or paused by the user? Simple Controls Gallery rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery.
Scrollable
Make your HTML elements scroll horizontally or vertically. Use mouse, mousewheel or keyboard arrows to scroll through these elements.
Virtual jQuery Keyboard
A simple virtual keyboard using jQuery.
jQuery plugin for Twitter
Filed in Widgets - 7 months ago
A simple, unobtrusive and customizable client-side method for easily embedding a Twitter feed into a web page.
Farbtastic - Color Picker
Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element's value when a color is selected.
jquery.timepickr - jQuery Time Picker
Filed in Forms - 7 months ago
jquery.timepickr was created in a attempt to make the process of inputing time in a form as easy and natural as possible.
Galleriffic
Filed in Animation & Effects - 7 months ago
A jQuery plugin for rendering fast-performing photo galleries.
jWYSIWYG
Filed in Forms - 7 months ago
This plugin is an inline content editor to allow editing rich HTML content on the fly.
Ingrid
Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.
jQuery Sparklines
Filed in Chart & Graph - 7 months ago
This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.
jqPuzzle
Filed in Widgets - 7 months ago
jqPuzzle lets you easily create sliding puzzles for your web page. Select an image, put it in your page, and add some magic – jqPuzzle will automatically turn it into a full-blown sliding puzzle! If you want, you can highly customize and style your sliding puzzle according to your needs. The interface is available in several languages, and you can add your own texts on the fly.
Spacegallery
Filed in Animation & Effects - 7 months ago
A simple but nice image gallery built with using jQuery. It gives a beautiful grow - fade out effect.
jqGrid
jqGrid is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web. Since the grid is a client-side solution loading data dynamically through Ajax callbacks, it can be integrated with any server-side technology, including PHP, ASP, Java Servlets, JSP, ColdFusion, and Perl.
Timeago
Filed in Utilities - 7 months ago
Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago").
Auto-Playing Featured Content Slider
Filed in Widgets - 7 months ago
The content slider can auto-play different types of custom content.
jParallax
Filed in Effects - 7 months ago
jParallax turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialization), they move by different amounts, in a parallax kind of way.
jqZoom
Filed in Effects - 7 months ago
JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.jQzoom is a great and a really easy to use script to magnify what you want.
jQuery Coda Slider
Filed in Navigation - 7 months ago
This technique demonstrates an accessible 'Coda'-like slider interface, but in addition, allows you to place links to the sliding content anywhere on the page and have the effect (and navigation) still work.
Slider Menu
Filed in Menus - 7 months ago
This is a sliding top menu built with jQuery which can be fired through the open & close buttons or with any tag with the related class name.
You can also use it as an info box, login area & more.
You can also use it as an info box, login area & more.
Table Drag and Drop
This TableDnD plugin allows the user to reorder rows within a table, for example if they represent an ordered list (tasks by priority for example). Individual rows can be marked as non-draggable and/or non-droppable (so other rows can’t be dropped onto them). Rows can have as many cells as necessary and the cells can contain form elements.
Tabbed Content Area using CSS & jQuery
Filed in Menus - 7 months ago
One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used on blogs recently. Today we're going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we'll achieve the same thing using the jQuery library.
Flexigrid
Filed in Tables - 7 months ago
Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.
Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.
Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.
YCodaSlider
Filed in Navigation - 7 months ago
Slider scripts are one of the common objects of newspaper & portal websites.
They are very useful as they help us present more content in a limited space.
This script helps you present your content with a tabbed menu + previous-next buttons to switch between tabs.
They are very useful as they help us present more content in a limited space.
This script helps you present your content with a tabbed menu + previous-next buttons to switch between tabs.
fgCharting
Filed in Chart & Graph - 7 months ago
fgCharting is a jQuery plugin which helps us to create accessible charts from standard table data with canvas.
Using this chart plugin, we can create several types of graphs, such as pie, line, area, and bar.
Using this chart plugin, we can create several types of graphs, such as pie, line, area, and bar.
Dropdown, iPod Drilldown, and Flyout Menu
Filed in Menus - 7 months ago
A menu system, which can be used to create a simple dropdown menu for a single list of options, a flyout menu for a smaller hierarchical list of options where child menus are displayed next to the parent menu on mouseover, and two variations on the iPod style, one with a back button and another with a linked breadcrumb to let users easily traverse back up the hierarchy.
jqModal
jqModal is a plugin for jQuery to help you display notices, dialogs, and modal windows in a web browser. It is flexible and tiny, akin to a "Swiss Army Knife", and makes a great base as a general purpose windowing framework.
Page Peel
A jQuery plugin for the page peel ad effect used on quite a few sites now.
Link Control
A simple jQuery plugin designed to give the end user control over whether they want to open a link in a new window or not without having to right click and such.
Position Footer
This little plugin will allow you to position a footer at the bottom of the browser viewport when the content doesn't reach that far. It will not adjust the footer if the content goes below the viewport height.
Setting Equal Heights with jQuery
Creating the visual effect of equal-height columns or content boxes has been a challenge ever since we abandoned table-based layouts. When developing complex web applications or site designs we've found that it often makes the most sense from a usability and performance standpoint to use a simple JavaScript workaround: our equalHeights() function determines the heights of all sibling elements in a container, and then sets each element's minimum height to that of the tallest element. When JavaScript is disabled, the boxes or columns appear with varying heights, but the content remains legible and the page is still completely usable.
DD_roundies
DD_roundies is a javascript library authored by Drew Diller which offers a new approach to bringing rounded corners to Internet Explorer (a browser notorious for its CSS shortcomings). DD_roundies uses IE's proprietary VML drawing language to create small images representing each corner of an element to be rounded. The script is smart enough to figure out quite a lot about its environment, such as element dimensions, border appearance and even background image and color, and uses all of this information to draw and position each VML image to appear seamlessly integrated in an interface.
Music Player using mouse gestures & hotkeys
Music player coded in xHTML & jQuery that made use of mouse gestures and hotkeys. You can Click & Drag with mouse to interact with interface’s music player or use directional keys & spacebar instead of mouse.
jQuery.popeye
Filed in Windows & Overlays - 7 months ago
A box with a small preview image with caption, the possibility to flip through an array of more thumbnails and, of course, to show an enlarged version, all in one place.
s3Slider
Filed in Effects - 7 months ago
The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. I needed something like that for jQuery (for my web site kruskica.net). Since i didnt find it after a small research i decided to build it by my self.
jsTree
jsTree is a javascript based, cross browser tree component. It uses jQuery and Sarissa (optionally). jsTree is absolutely free (licensed same as jQuery - under both GPL and MIT - whichever suits your needs).
jQuery Tooltips
Create simple transparent tooltips with jQuery and CSS.
Scroll Follow
Filed in DOM - 7 months ago
Scroll Follow is a simple jQuery plugin that enables a DOM object to follow the page as the user scrolls.
Treeview
Lightweight and flexible transformation of an unordered list into an expandable and collapsible tree, great for unobtrusive navigation enhancements. Supports both location and cookie based persistence.
Menu Background Image Animations
Create background image animations for menus.
Seek Attention
The "seekAttention" plugin gracefully get's your users attention by fading out a definable area but leaving the target element (the element which is seeking attention) un-faded and thereby focusing the users attention on it.
BigTarget.js
Increase the size of click targets
Jcrop
Filed in Utilities - 7 months ago
Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.
CrossSlide
Filed in Animation & Effects - 7 months ago
CrossSlide is a jQuery plugin that implements in Javascript some common slide-show animations, traditionally only available to the web developer via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery's animation facility, so it is as portable across browsers as jQuery itself (a lot.)
Superfish
Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully without JavaScript) and adds the following much-sought-after enhancements:
Hotkeys
jQuery.Hotkeys plugin lets you easily add and remove handlers for keyboard events anywhere in your code supporting almost any key combination. It takes one line of code to bind/unbind a hot key combination.
No comments:
Post a Comment