jQuery jQuery UI Plugin & Tutorials with Example

Alpaca : Easy HTML5 Forms for jQuery

Alpaca : Easy HTML5 Forms for jQuery

Alpaca is the Easy Forms Engine for jQuery and Twitter Bootstrap.

It is built around JSON schema to keep things simple. Using Alpaca, you can express your forms object model, types, properties and validation logic. Forms rendered with Alpaca provide intuitive interfaces for your users while giving your business an assurance of data compliance.

Alpaca comes pre-configured to work nicely with the following web frameworks:

  • jQuery
  • Twitter Bootstrap
  • jQuery UI
  • jQuery Mobile
  • Barebones (empty CSS)

The Alpaca library is pre-packaged with controls, wizards, layouts, I18N support and pluggable template engines. We ship with support for jQuery Tmpl, EJS and Handlebars. Documentation and API information is provided so that you can extend Alpaca as you see fit.

ScrollStory : jQuery UI widget for Scroll-based pages and Interactions

ScrollStory : jQuery UI widget for Scroll-based pages and Interactions

A jQuery UI widget for building simple, scroll-based pages and interactions.

Key features :

  • 100% style agnostic. Just a collection of often-used scroll-based patterns.
  • Can can you existing DOM or use an array of objects to create markup.
  • 16+ jQueryUI-style events/callbacks for various application state events.
  • Focus and blur event when an individual story becomes active or inactive.
  • Items can be grouped into categories, with event dispatched as categories change.
  • Items filterable by user-specified tags.
  • Items aware of their in-viewport status.
  • Programmatically animated scroll to any item.
  • Throttled scroll events and minimal DOM usage.

Examples :

 

Alpaca : Easy Forms for jQuery

Alpaca : Easy Forms for jQuery

Alpaca generates forms on-the-fly using JSON schema and configuration to define object models, types, properties, validation logic and layout. Alpaca generates intuitive forms while giving your business the assurance of data compliance.

The Alpaca library is pre-packaged with controls, wizards, layouts, I18N support and pluggable template engines for EJS, Handlerbars and jQuery.tmpl. API Documentation is provided so that you can extend Alpaca as you see fit.

Alpaca helps you to separate your data from your presentation. Design your forms once and have them work across different devices and UI engines without any additional coding.

jQueryUI Limitslider

jQueryUI Limitslider

jQuery slider extension forcing gaps and order for any number of handles.A slider allowing multiple sliders and ranges with all sorts of optional limitations in position/size/distance. Also includes optional labels on the sliders and hover titles.

Features:

  • Multiple sliders.
  • Multiple ranges.
  • Allows or blocks crossing of sliders.
  • Minimum distance between sliders.
  • Minimum/maximum position for all or individual sliders.
  • Label on the sliders.
  • Titles on sliders.
  • Use all of jQueryUI’s slider functionality.

jWizard : jQuery UI Form Widget

jWizard : jQuery UI Form Widget

jWizard  is a jQuery Plugin for generating a Windows Wizard-like interface for your Web Applications.

jQuery Virtual Keyboard

jQuery Virtual Keyboard

Virtual Keyboard using jQuery UI.

Features:

  • An on-screen virtual keyboard embedded within the browser window which will popup when a specified entry field is focused.
  • The user can then type and preview their input before Accepting or Canceling.
  • Add custom keyboard layouts easily.
  • Add up to four standard key sets to each layout that use the shift and alt keys (default, shift, alt and alt-shift).
  • Add any number of optional modifier keys (meta keys) to add more key sets.
  • Each meta key set also includes the shift, alt and alt-shift keysets – New in version 1.8.9.
  • Position the keyboard in any location around the element, or target another element on the page.
  • Easily modify the key text to any language or symbol.
  • Allow direct input or lock the preview window.
  • Set a maximum length to the inputted content.

Tapestry 5 jQuery integration Module

Tapestry 5 jQuery integration Module

Tapestry 5 jQuery integration. Fully replace Prototype and Scriptaculous with jQuery with as less as possible compatibility issues.

The “Tapestry5-jQuery” is an open sourced Tapestry 5 library from Atos WorldLine. It aims to make it possible to replace the Prototype/Scriptaculous JS layer of Tapestry: all its components, mixins or any other JS interactions. It also provided advanced UI component framework for easily integrating Ajax capabilities into business applications using Tapestry5

jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

A jQuery UI theme based on Twitter Bootstrap.This project was started to bring the beauty and ease-of-use of Twitter Bootstrap to jQuery UI widgets.In their original forms, jQuery UI and Bootstrap can’t coexist resulting in conflicts with both CSS classes and styles as well as JavaScript when you do try to use them. jQuery UI Bootstrap provides the JavaScript and CSS required to quickly start a project using both jQuery UI and Twitter Bootstrap.

Our solution offers a custom version of Bootstrap compatible with jQuery UI as well as a Bootstrap-themed jQuery UI theme you can use to prototype your projects.

jQuery UI datepicker Skins in CSS3

jQuery UI datepicker in CSS3

CSS3 skins for jQuery UI datepicker.To use them, start by copying the .datepicker.css files you need as well as the images in the images folder. Then add the appropriate classes to your datepickers. See below for a complete list of the available skins.

MediaSlide : jQuery UI plugin to browse media items

MediaSlide : jQuery UI plugin to browse media items

MediaSlide is a jQuery UI plugin that allows you to browse a collection of media items (currently just images, but videos will be supported soon).

Features:

  • Media lists can contain thousands of items
  • Data can be loaded via JSON, XML or direct from Flickr
  • Images are only loaded as they are needed, conserving bandwidth
  • jQuery UI themes fully supported
  • API functions give you full control over the widget, so you can completely customize its look-and-feel
  • All current browsers supported
  • Completely free and opensource


Best jQuery websites design awards