All posts in Plugins

J.B.Weather Widget 2.0 in jQuery

J.B.Weather Widget 2.0 in jQuery

J.B.Weather (ver 2.0) is a simple widget for displaying weather conditions and forecast for places across the world.

Features :

  •  jQuery driven
  • uses AJAX technology & Cache
  • Search Bar with auto complete function
  • Ability to set default location
  • Ability to auto detect user location using HostIP service or its own integrated geoip database.
  • Celsius or Fahrenheit units
  • Kilometers or Miles units
  • Displays today’s date, temperature, wind direction and speed, forecast for next 4 days

 

tiltShift.js : jQuery & CSS3 image filters to replicate tilt-shift effect

tiltShift.js : jQuery & CSS3 image filters to replicate tilt-shift effect

A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6.

BookBlock: A Content Flip jQuery Plugin

BookBlock: A Content Flip jQuery Plugin

BookBlock is a jQuery plugin that can be used for creating booklet-like components that allow a “page flip” navigation. Any content can be used, such as images or text. The plugin transforms the structure only when needed (i.e. when flipping a page) and uses some overlays as shadow for the pages to create more realism.

We will be using jQuery++ by Bitovi which has some add-ons for jQuery (specifically, to add the swipe event).

zAccordion : jQuery Horizontal Accordion plugin

zAccordion : jQuery Horizontal Accordion plugin

zAccordion is a horizontal accordion plugin for jQuery.

SlickGrid : A lightning fast jQuery grid/spreadsheet

SlickGrid : A lightning fast jQuery grid/spreadsheet

SlickGrid is a JavaScript grid/spreadsheet component.
It is an advanced component and is going to be a bit more difficult to learn and configure, but once you realize its full potential, it will blow your mind!

Some highlights:

  • Adaptive virtual scrolling (handle hundreds of thousands of rows with extreme responsiveness)
  • Extremely fast rendering speed
  • Supports jQuery UI Themes
  • Background post-rendering for richer cells
  • Configurable & customizable
  • Full keyboard navigation
  • Column resize/reorder/show/hide
  • Column autosizing & force-fit
  • Pluggable cell formatters & editors
  • Support for editing and creating new rows.
  • Grouping, filtering, custom aggregators, and more!
  • Advanced detached & multi-field editors with undo/redo support.
  • “GlobalEditorLock” to manage concurrent edits in cases where multiple Views on a page can edit the same data.

Full Screen Responsive jQuery Image and Content Slider:RSlider

Full Screen Responsive jQuery Image and Content Slider:RSlider

Image sliders add life and interactivity to your web contents. But creating an image slider from scratch is not that easy. You need some good programming skills to create your own slider. If you are not the programmer or you just don’t want to re-invent the wheel, RSlider is for you. Its a full screen responsive image and content slider powered by the fantastic javascript library jQuery. With a nice and simple design it adjusted automatically to the width of your browser screen.

jQuery Tagit Plugin

jQuery Tagit Plugin

The jQuery Tagit Plugin transforms an html unordered list into a unique tagging plugin.

Features:

  • Convenient way for users to enter a list of items
  • Fully integrated with jQuery ui auto complete
  • Automatically adds current input as tag if input loses focus
  • Easy to use public methods
  • Easy to theme (single css file)
  • Customizable trigger keys
  • Backspace on empty input deletes previous tag
  • Ability to provide initial tags on creation though options
  • Ability to provide initial tags on creation via list items
  • Option to toggle usage of a hidden select so the tags can be sent using a normal form!
  • Ability to re-arrange tags by drag and drop!
  • Optional ThemeRoller compatibility!
  • Fully HTML5 Data-attributes compliant!

Avgrund : A JS/CSS3 modal UI concept

Avgrund : A JS/CSS3 modal UI concept

A modal concept which aims to give a sense of depth between the page and modal layers.Uses CSS transforms to scale components and CSS filters to blur the page. Built for the fun of it, not intended for any practical use.

uSquare – Universal responsive grid html5/jquery

uSquare - Universal responsive grid html5/jquery

uSquare is a responsive squared grid that can display your content in a unique and interesting way. You can use it for displaying team members, products, services, designs, blog posts or anything else that comes to your mind. In our live preview we have included 3 modifications of the original file in order for you to see how uSquare can serve your purpose.

While we developed uSquare responsive grid plugin we carefully thought about its responsive layout. We wanted to make sure that all elements are visible and accessible with all resolutions for responsive layout.

jQuery.html5form : Form Validation & Ajax Submission Plugin

jQuery.html5form : Form Validation & Ajax Submission Plugin

HTML5 validates forms without additional JavaScript.Currently only latest versiones of Firefox, Safari & Google Chrome supports this functionality.This plugin gets the same result in all versions on Internet Explorer and Firefox 3.6.

Just create your form according the HTML5 syntax and the script will execute itself.It does not require extra classes. The plugin gets all the information from the HTML source.Runs automatically when detects Internet Explorer, Opera or Mozilla Firefox.The form sends through an asynchronous Ajax request by default.The plugin automatically gets method and action attributes declared on the form.



Best jQuery websites design awards