Archive for 2013

    jQuery Wheel Menu

    jQuery Wheel Menu

    Wheel Menu is a small jQuery plugin that will add a fully customisable Path-like wheel menu button to your website.

    jQuery plugin for caching forms using HTML5 local storage

    jQuery plugin for caching forms using HTML5 local storage

    In this tutorial we’ll be utilizing the localStorage mechanism to store the current state of a form. This means that when the page is reloaded or the user re-opens the page after closing it the form will be populated with the previous values. For improved complexity, we’ll be storing the data as serialized JSON strings.

    Superslides : jQuery Full Screen & Hardware accelerated Slider

    Superslides : jQuery Full Screen & Hardware accelerated Slider

    Superslides is a full screen, hardware accelerated slider for jQuery. I wasn’t happy with the state of full screen sliders, so naturally I built my own.Superslides is compatible with the jQuery Animate Enhanced plugin. Simply include it before this plugin and it will automatically smooth out transitions using CSS instead of JavaScript.

    Facebook Style Profile Info Tooltip using jQuery & CSS

    Facebook Style Profile Info Tooltip using jQuery & CSS

    Here I had explained a very basic version of facebook profile tooltip with all features they have asked.You can learn how to design a facebook style profile tooltip with cover page,profile picture, name, headline, add as friend & send message button..

    You can use this script in your web & social networking projects with little customization.

    Animated Buttons using jQuery & CSS3 Transitions and Transforms

    Animated Buttons using jQuery & CSS3 Transitions and Transforms

    As CSS3 is gradually more supported over popular browsers, CSS3 Buttons become great looking replacements for image and script heavy buttons. These buttons use CSS3 transitions and transforms to animate morphing icons to represent different functions. This is a simple demonstration of 5 buttons representing functions like Demo, Download, Digg, Email, and RSS. I may make more if the response is very positive about these buttons.

    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.

    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