jQuery Opacity by Mouse Location

    jQuery Opacity by Mouse Location

    Change an element’s opacity based on the mouse’s distance from its center.

    The idea is to use some jQuery to define an invisible circle around the center point of an element, and to lower the element’s opacity as the user’s mouse gets closer to its center. The effect works best with an image that is close to square, but it will define the circle within any sized image.

    Drag and drop form builder using bootstrap

    Drag and drop form builder using bootstrap

    I was working on a web survey type of project with a requirement that admin users should be able to build forms on the go, which will then be displayed to user to fill up and submit. while browsing i came across this nice script Formbuilder.

    drag and drop form builder is simply a interface to build your own web forms, On each move it generates json output which you can use to rebuild the html form at run time.

    Editable Listview : jQuery Mobile Plugin

    Editable Listview : jQuery Mobile Plugin

    A jQuery Mobile Plugin with an intuitive UI to add new list items and remove existing ones.

    Datmenu – Responsive Menu jQuery Plugin

    Datmenu - Responsive Menu jQuery Plugin

    DatMenu is a premium quality jquery plugin for responsive navigation that is built with love and care.

    • Easy To use
    • Multiple Animations
    • Easy Modifications
    • Top Menu Bar
    • Retina Ready
    • Responsive layout
    • Compatibility (IE, Firefox, Opera, Safari, Chrome)
    • Unlimited Colors
    • Unlimited Styling Options

    PgwMenu : Responsive Menu plugin for jQuery

    PgwMenu : Responsive Menu plugin for jQuery

    Responsive Menu plugin for jQuery and Zepto.

    Features:

    • Full customization with the CSS file included
    • Fully responsive navigation menu (desktop and mobile devices)
    • SEO compliant
    • Less than 2 KB (minified and gzipped)

    Scrolling Progress Bar with jQuery & CSS3

    Scrolling Progress Bar with jQuery & CSS3

    Today I will be creating an animated progress bar that updates the progress based on how far you scrolled into a content section.

    Ultra : jQuery Html5 Video Player

    Ultra : jQuery Html5 Video Player
    • custom HTML5 player theme
    • custom Vimeo player theme
    • custom Youtube player theme
    • optional poster image
    • custom player size
    • optional embed option
    • optional facebook share
    • optional twitter share
    • optional mail share
    • optional logo (set position to bottom-left corner, or bottom-right corner, set URL redirect when clicked)
    • you can disable individually logo/embed/facebook/twitter/mail/info if you dont need these features
    • autohide controls: you can choose after how much seconds player controls will disappear
    • optional autoplay
    • optional right-click (to prevent downloading hosted videos)
    • optional player shadow (set one of 6 pre-built shadow effects)

    Hash Tabs : Ultimate jQuery Animated Tab plugin

    Hash Tabs : Ultimate jQuery Animated Tab plugin

    The ultimate jQuery tab plugin forhash-sensitive,WAI-ARIA-complianttabs.

    Features:

    • Hash-friendly URLs, so your states are saved. Try refreshing!
    • Compatible with IE8 and up
    • Customizable and configurable. Use custom selectors for your tabs. Default uses nav and section elements
    • noscript-friendly. Works very will in non-javascript browsers. When tabs can’t be loaded, content feels like normal, as hashes are supported natively by the browser.
    • Customizable SASS styles.

    Add edit delete Rows dynamically using jQuery & Php

    Add edit delete Rows dynamically using jQuery & Php
    Today we are going to design a dynamic table, in which we can dynamically add rows to table using javascript remove rows number of times without refreshing a page even once and thats also with cool javascript animation.
    This scripts turns table into editable grid, You can add new row, edit existing row, delete row also you can edit a single cell and all this happens with ajax so not even single page refresh required. This is configurable script so you can easily attach it to your existing page.