jQuery jSON Plugin & Tutorials with Example

JavaScript Web Grabber

JavaScript Web Grabber

JavaScript Web Grabber is a web application that helps you produce JavaScript codes to automatically get HTML from a web page on the internet and display it on your website or blog. For example, say you want to get the latest MLB scores from cbssports.com, all you need to do is give the site name and the id of the element to the app, then the app provides you with some code to put in the source code of your page, so whenever someone visits your page they get the latest MLB scores directly from cbssports.com.

Typically, getting HTML from other websites is done using PHP, which slows down your server; JavaScript Web Grabber lets you do that with JavaScript without any pressure on your server. Additionally, there’s an option to fall back to traditional method via ajax.

Smallworld.js : jQuery Plugin for Generating Small World Maps

Smallworld.js : jQuery Plugin for Generating Small World Maps

Smallworld.js is a utility for generating map overviews using GeoJSON and HTML Canvas. It was created out of a need to render simple map previews, quickly and efficiently, without strict Terms of Use and without heavy client libraries.

The utility has no dependencies, weighs ~5kb (sans GeoJSON), and also comes with a simple wrapper to use with jQuery or Zepto.

Revolution Lightbox with JavaScript & CSS3

Revolution Lightbox with JavaScript & CSS3

Revolution Lightbox is a full blown multimedia responsive lightbox that runs on all major browsers and mobile devices like iPhone, iPad, iOS, Android and Windows8. It has support for image, video (mp4), audio (mp3), Vimeo, YouTube, iFrame, AJAX, HTML content, Google maps and flash.

Revolution Lightbox has high performance using OOP code and the latest CSS3 techniques, ready for mobile with swipe support, very flexible, easy to setup and extremely customizable. The playlists / content can be created using simple HTML markup or JSON, plus the visual and programmatic settings can be modified at runtime, this allows to have different themes with various settings in the same.

Bootstrap Table with jQuery

Bootstrap Table with jQuery

The table displays data in a tabular format and offers rich support to radio, checkbox, sort, pagination and so on. The table has been designed to reduce development time and to require no specific knowledge from developers. It is both featherweight and feature-rich.

Features:

  • Created for Bootstrap 3 (Bootstrap 2 supported)
  • Responsive web design
  • Scrollable Table with fixed headers
  • Fully configurable
  • Via data attributes
  • Show/Hide columns
  • Show/Hide headers
  • Get data in JSON format using AJAX
  • Simple column sorting with a click
  • Format column
  • Single or multiple row selection
  • Powerful pagination
  • Card view
  • Localization

tableExport : jQuery Plugin to Export HTML Tables

tableExport : jQuery Plugin to Export HTML Tables

tableExport is a jQuery plugin to export HTML Table to JSON, XML, PNG, CSV, TXT, SQL, MS-Word, Ms-Excel, Ms-Powerpoint, PDF.

Vimuse : jQuery HTML5 Media Player

Vimuse : jQuery HTML5 Media Player

Vimuse HTML5 Media Player is a jQuery plugin that allows you to play both audio and video in a modern and sleek interface. You can choose to play your own audio/video files or videos from Youtube/Vimeo or even Shoutcast streams. The player features a fluid responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The player is also optimized for retina and touch screens and provides the feel of a native app.

Features:

  • Play video and audio files.
  • HTML5 playback with Flash/Silverlight fallback.
  • Playlist data is passed through JSON.
  • Special layout for audio-only mode.
  • Play videos from Youtube/Vimeo.
  • Pull videos from Youtube user, playlist or search query.
  • Pull videos from Vimeo user, album or channel.
  • Play Shoutcast streams and show track info and cover-art.
  • Extract audio info from ID3 tags – cover, track, artist, album.
  • Build playlist by scanning folder for mp3 files.
  • Several layout options.
  • Player API functions and events.
  • Mobile, retina and touch screen optimized

Morphing Title with JavaScript

Morphing Title with JavaScript

Morphing Title is a JavaScript application which allows to dynamically create animated title from text-format (JSON) for any content. Unlimited number of titles (including multiline titles) bound to any DOM elements (buttons, href, etc). It can be easily included in any website & Customize (customize inversion (cut out text), letter spacing, line spacing (for multiline titles), scale, padding-x and y, angle, horizontal and vertical-align, fill (color), fill opacity, stroke (color), stroke width and stroke opacity). Compatible with all major browsers (including IE7+, Chrome, Firefox, Safari and Opera). Lightweight – no dependence on jQuery, no need for any images. Easy to place in any other existing javascript application – AMD (Asynchronous Module Definition) format w/ RequireJs.

jQuery Cascading Dropdown Plugin

jQuery Cascading Dropdown Plugin

A simple and lighweight jQuery plugin for cascading dropdown.Dropdowns with dependencies will react based on the rules given, and fetch its own list from the server via Ajax.You can provide an array of strings or objects, or a function as the dropdown data source.

jQuery Html5 Loader Plugin

jQuery Html5 Loader Plugin

jQuery.html5Loader can preload images, html5 video and audio sources, css, scripts and text files. This plugin needs a JSON file to get the files that must be preloaded (you can use also use a javascript object as well), and it provides an easy API to give you the the amount of file loaded in percentage.

Demos

Glossarizer : jQuery plugin to automatically markup Glossary Terms

Glossarizer : jQuery plugin to automatically markup Glossary Terms

A jquery plugin to automatically markup glossary terms on a page and display definitions as a tooltip.

Features:

  • Reads glossary list from json file or object
  • Automatically searches for and marks up glossary terms found on a page with attributes
  • Supports terms exclusion
  • Supports multiple terms
  • Replaces TextNodes only
  • No involvement from authors


Best jQuery websites design awards