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 :

 

CoverPop : JavaScript modal plugin with Cookie integration

CoverPop : JavaScript modal plugin with Cookie integration

CoverPop is a lightweight lightbox popup plugin with cookie integration. Style agnostic. Responsive friendly.If you are trying to show up a lightbox popup similar first time visitors that is easily styleable and has cookie integration, this is for you.

If you are trying to show a colorbox image when someone clicks on an internal link, this isn’t for you.

Live Composer – Front-End Content Creator For WP

Live Composer - Front-End Content Creator For WP

Live Composer is a front-end content builder plugin for WordPress with 28+ modules ( and more to come ) packed with functionality and styling options that allow countless variations to be made easily and without any coding.

In Live Composer, the content of you pages is built directly on the page, right there in the front-end. This allows you instant feedback on the changes you make and removes the need to go back and forth between the back-end and the front-end.Besides the usual modules such as buttons, text, accordions, Live Composer comes with special post types like Projects, Galleries, Downloads, Testimonials, Staff and Partners which push any theme to the next level.

LazyYT.js : A jQuery plugin to lazy load Youtube videos

LazyYT.js: A jQuery plugin to lazy load Youtube videos

This is a jQuery plugin to lazy load Youtube videos. On the initial load, the div will be replaced by a preview img of the video. On hover, the preview img will be replaced by the iframe Youtube video.

Youtube video embeds were causing an obnoxious lag on every page load. In order to speed things up, we wrote a jQuery plugin called lazyYT.js. While we have done similar custom setups for sites we have built before, we wanted to put together something simple, easy-to-use, and available for anyone.

To speed up the page load LazyYT works by initially loading a preview image, then waiting until the video is actually clicked to load and start the full Youtube video.

least.js : jQuery, HTML 5 & CSS3 Gallery with LazyLoad

least.js : jQuery, HTML 5 & CSS3 Gallery with LazyLoad

least.js is a Random and Responsive jQuery, HTML 5 & CSS3 Gallery with LazyLoad.

Mappy.js : Google Maps & Places jQuery plugin

Mappy.js : Google Maps & Places jQuery plugin

I couldn’t find anything that fully did what I was after so I built mappy (besides I need the JavaScript practice!).

In short it provides the following:

  • UI for users to “select” a place (you get a callback detailing what they picked)
  • UI for adding “custom” places
  • Support for firing a map up full-window (without having to create a DIV on the page)
  • Add searching to the map
  • Add/Edit and update your own “custom places” (i.e. not those in the Google Places API doesn’t know about, but you do)
  • Works with multiple maps on the same page

Klax – jQuery Responsive Team, Portfolio, Products Grid

Klax - jQuery Responsive Team, Portfolio, Products Grid

Display your work, team members, portfolio or anything else in an amazing and creative way. Klax is a multi-functional jQuery plugin that displays your content within the web page and offers everything that you will ever need to present your items to a client. You can set the number of items that display on a page and create your own design with this team member, portfolio JS plugin.

jQuery Lazy Load XT plugin

jQuery Lazy Load XT plugin

Lazy load XT is a jQuery plugin for images, videos and other media.Mobile-oriented, fast and extensible jQuery plugin for lazy loading of images/videos with build-in support of jQueryMobile framework.

Dragon : Smart scrolling jQuery plugin

Dragon : Smart scrolling jQuery plugin

Dragon – smart scrolling jQuery plugin for correct scrolling mechanics.

Features:

  • Scroll on drag
  • Wheel fullfil
  • Extended keyboard scrolling
  • Metro style
  • One instance
  • Customizable scrollbars
  • Smoth pagination plugin
  • Touch scroll

appendGrid : Dynamic table input jQuery plugin

appendGrid : Dynamic table input jQuery plugin

AppendGrid allow you to input structured data row by row such like filling spreadsheets. It allows you to add/remove/insert/delete row in the grid. The generated input/select/textarea controls are well named for submitting to server side applications such as ASP.NET/PHP/JSP. Multiple options and callback events are available to fit every situation.

Features:

  • Easy to use
  • jQuery UI widgets supported
  • Multiple build-in input types included HTML5 input types
  • Customizable input types
  • Major web browser supported
  • Ready for internationalization