background preloader

Controls

Facebook Twitter

Toastee Plugin Example. GitHub & BitBucket HTML Preview. Index. Timelined. jSon Slider. Jquery.treeselect.js. SlideSelect examples. GitHub - ehynds/jquery-ui-multiselect-widget: jQuery UI MultiSelect widget. GitHub - nobleclem/jQuery-MultiSelect: Turn a multiselect list into a nice and easy to use list with checkboxes. Bootstrap Horizontal Selector Demos. Pretty Single Range Slider Plugin With jQuery - Bubble Slider. Bubble Slider is a simple yet customizable jQuery slider plugin which turns number input fields into beautiful, touch-enabled single range sliders with custom slider handles, labels and controls.

Pretty Single Range Slider Plugin With jQuery - Bubble Slider

How to use it: 1. Place the jQuery Bubble Slider plugin's stylesheet in the head section of the html document. 2. Create a normal number input field for the single range slider. 3. Change log: update rename to Bubble Slider API update. Artigos sobre Ruby, Rails, Java, VRaptor, Python, jQuery, JavaScript, CSS e muito mais. - Washington Botelho. Smart Wizard. Boxy - dialog Box. Overview Boxy is a flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening.

boxy - dialog Box

It differs from other overlays I've seen by providing an object interface to control dialogs after they've been created. And for simple usage scenarios, boxy also provides a jQuery plugin for automatically hooking up links and forms, as well as an ask() helper for presenting multiple choices to the user. Here's an example, taken from the old feedback forms on my project pages: Downloading Package Package downloads are available from the jQuery project page. Github.

Context Menu

Chosen: Select Boxes jQuery Plugin. Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.

Chosen: Select Boxes jQuery Plugin

Downloads Project Source Contribute Standard Select Turns This Into This Multiple Select <optgroup> Support Single Select with Groups Multiple Select with Groups Selected and Disabled Support Chosen automatically highlights selected options and removes disabled options. Single Select Multiple Select Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. Default Text Support Chosen automatically sets the default field text ("Choose a country... ") by reading the select element's data-placeholder value. Note: on single selects, the first element is assumed to be selected by the browser. No Results Text Support Setting the "No results" search text is as easy as passing an option when you create Chosen: Limit Selected Options in Multiselect You can easily limit how many options the user can select: Right to Left Support.

Data Grids

Gantt. Reveal.js - The HTML Presentation Framework. HTML Presentations Made Easy Created by Hakim El Hattab / @hakimel Heads Up reveal.js is a framework for easily creating beautiful presentations using HTML.

reveal.js - The HTML Presentation Framework

You'll need a browser with support for CSS 3D transforms to see it in its full glory. Meny - A three dimensional and space efficient menu concept. Stroll.js - CSS3 Scroll Effects. Ladda. Touch. Tasks and Calendars. Timers. Powerful UI widgets for jQuery and HTML5 cloud apps.

The leading jQuery & HTML5 UI framework Over 60 Advanced widgets.

Powerful UI widgets for jQuery and HTML5 cloud apps

Ready to work and do more than expected. Powerful UI widgets for jQuery developers jQWidgets delivers everything you need to build rich client UI with JavaScript, HMTL5 and jQuery. It contains more than 60 UI widgets and is one of the fastest growing JavaScript UI frameworks on the Web. Optimized for performance jQWidgets is built with performance in mind. Works on PC, Touch and Mobile devices jQWidgets is ready for a wide range of touch and mobile devices. jQWidgets supports all major desktop and mobile web browsers – Internet Explorer 7.0+, Firefox 2.0+, Safari 3.0+, Opera 9.0+, Google Chrome, IE Mobile, Android, Opera Mobile, Mobile Safari(IPhone, IPad).

High quality standards. Noty - Notification Plugin. Hi!

noty - Notification Plugin

Noty is a jQuery plugin that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative the standard alert dialog. Each notification is added to a queue. (Optional) The notifications can be positioned at the: top - topLeft - topCenter - topRight - center - centerLeft - centerRight - bottom - bottomLeft - bottomCenter - bottomRight The API provides lots of other options to customise the text, animation, speed, buttons and much more. It also has various callbacks for the buttons such as opening and closing the notifications and queue control. Layouts & Demos Top Alert Success Error Warning Information Confirm TopLeft Alert Success Error Warning Information Confirm.

HoverIntent jQuery Plug-in. What is hoverIntent?

hoverIntent jQuery Plug-in

HoverIntent is a plug-in that attempts to determine the user's intent... like a crystal ball, only with mouse movement! It is similar to jQuery's hover method. However, instead of calling the handlerIn function immediately, hoverIntent waits until the user's mouse slows down enough before making the call. Why? To delay or prevent the accidental firing of animations or ajax calls.

Download hoverIntent r7 (fully-commented, uncompressed) Download hoverIntent r7 (minified) Examples <p><em>If you can see this message <strong>JavaScript is disabled</strong>. jQuery's hover (for reference) $("#demo1 li").hover( makeTall, makeShort ); hover ignores over/out events from children jQuery's built-in hover calls handlerIn and handlerOut functions immediately. .hoverIntent( handlerIn, handlerOut ) $("#demo2 li").hoverIntent( makeTall, makeShort ); hoverIntent also ignores over/out events from children.

Hovercard - Twitter and Facebook cards. Hover over the red text to see the hovercard in action: jQuery is a cross-browser JS library designed to simplify the client-side scripting of HTML.

Hovercard - Twitter and Facebook cards

It was released in January of 2006 by John Resig is an application developer at Khan Academy. He was a JavaScript tool developer for the Mozilla Corporation. jQuery plugin for Avgrund concept popin. w2ui - JavaScript UI. What People Are Saying I have been using it quite substantially for a number of different projects now and must say that I absolutely love the way it works. - Soteri Panagou.

w2ui - JavaScript UI

DHTML JavaScript Tree Component with Ajax Support - dhtmlxTree - Edition Comparison Matrix. Breaking down Amazon’s mega dropdown. The hover effects on Amazon’s big ‘ole “Shop by Department” mega dropdown are super fast.

Breaking down Amazon’s mega dropdown

Look’it how quick each submenu fills in as your mouse moves down the list: It’s instant. jQuery Knob demo.

Timeline

Envelope.js - An event based UI messaging system plugin for jQuery.