Project Cost Calculator (PCC) jQuery Plugin

Project Cost Calculator (PCC) jQuery Plugin

Project Cost Calculator is a jQuery plugin, using which complex cost calculation forms can be built easily. If you want your customers to have an idea of how much it will cost them for using your services, this is the plugin all you need. Below are the main features of PCC – Project Cost Calculator

  • You can use basic html elements naming checkboxes, radio buttons, select boxes and textboxes.
  • Supported by all major browsers starting from IE 6 and above
  • Visitor can mail the calculated output to their E-mail.
  • There can be multiple forms on same page.
  • Very low file size, less resource consuming and easy to understand

mobileGmap : jQuery responsive Google maps

mobileGmap : jQuery responsive google maps

Well, when scrolling a website on your mobile device you can get trapped in a google map due to the Maps scrollbar of death™. This plugin gives you a native google maps on your website and a safe fallback to the static image API of google maps for smaller devices.

jQuery Wah-Menu

jQuery Wah-Menu

Features:

  • Easy to use.
  • Works on any page.
  • Perfect for Ipad navigation.
  • Docking main menu – push/show sub-menu.
  • Sub-menu fully scrollable.
  • Custom scrollbars on sub-menu containers.
  • Accent selected and tooltip colors.
  • One level media sub-menu items.
  • Dock menu on page load to give the user more page room.
  • Social media icons.
  • 230+ Entypo Icons used for menu icons.
  • Submenu header and descriptions.
  • Custom menu logo area that resizes on window resize.

AnimatedScroll.js : jQuery Smooth & Animated Document Scroll

AnimatedScroll.js : jQuery Smooth & Animated Document Scroll

AnimatedScroll.js  is a jQuery plugin that enables smooth, animated document scroll to a specific element, supporting native jQuery UI easings.

jQuery.Feyn : Drawing Feynman Diagrams with SVG

jQuery.Feyn : Drawing Feynman Diagrams with SVG

jQuery.Feyn is a jQuery plugin to facilitate your drawing Feynman diagrams with Scalable Vector Graphics (SVG). The following list gives a quick overview of the most prominent features:

  • Automatic generation of clean SVG source code
  • Easy to use, easy to make fine adjustments
  • Predefined propagator styles, vertex types, and symbols
  • Support for typesetting labels and including external graphics
  • Lightweight, cross-browser, and fully documented

MultiDialog : jQuery UI Dialog Widget

MultiDialog : jQuery UI Dialog Widget

MultiDialog utilizes jQuery UI Dialog for a full featured Modalbox / Lightbox application.
It’s flexible, easy to use but yet extendable and fits great into the jQuery UI Widget family.

  • Use any jQuery selector or a powerful API
  • Feature rich, very flexible and easy to extend
  • Tested in FF, IE7+, Chrome & Safari
  • Built with a11y and RWD in mind

cbFamily : jQuery Checkbox group (parent/children) functionality

cbFamily : jQuery Checkbox group (parent/children) functionality

Checkbox group (parent/children) functionality. Makes a checkbox parent of other checkboxes.

  • If the parent is clicked the children are checked/unchecked based on the parent.
  • If all the children are checked, parent gets checked too.
  • If there is an unchecked item in the children and if the parent is checked, it gets unchecked.
  • children can be a function. In this case, that function is run agaist the parent in order to find the children. This is useful for groups of checkboxes.
  • Checks/unchecks parent based on the initial status of its children at start.

Pan and zoom jQuery plugin

Pan and zoom jQuery plugin

This plugin manage smooth zoom and pan on a given dom element. The plugin works on mobile and pc and use CSS3 transitions on compatible web browsers. (javascript is used for old web browsers)

Zoom is enabled via mouse events (scroll and click) on pc and with touch events on mobile devices.

Form Character Limit Animation using jQuery and CSS

Form Character Limit Animation using jQuery and CSS

I was recently playing around with form validation and using css to animate cool things, but then I stumbled across character limit. You can easily use jQuery to access parameters like an input field’s character limit and current character limit. So I tried creating a simple animation that showed as you were typing in a field how many characters you had left. I opted for a simple design where there is just a grey bar underneath the input field and it fills up as you type in characters and changes colors as you get closer to the limit.

udraggable.js : jQuery plugin to make elements draggable by mouse or touch

udraggable.js : jQuery plugin to make elements draggable by mouse or touch

This plugin provides an API similar to jQueryUI’s draggable but with support for unified mouse and touch events.  It aims to provide a minimum useful subset rather than attempting to clone the full range of behaviours supported by jQueryUI. However some of the limitations can be worked around quite simply.

The udraggable plugin allows you to make elements draggable with a single line of code and to use a declarative syntax to define the constraints of the dragging behaviour.