Creating a Click-action CSS3 Dropdown Menu with jQuery

    Creating a Click-action CSS3 Dropdown Menu with jQuery

    Nowadays, pure CSS3 menus still very popular. Mostly – this is UL-LI based menus. Today we will continue making nice menus for you. This will nice dropdown menu (looks like menu at http://www.microsoft.com/) with onclicking (instead onhover).

    Highlight Web Page Elements With jQuery Highlighter

    Highlight Web Page Elements With jQuery Highlighter

    jQuery Highlighter neatly highlights the web page elements and helps you to direct your readers to the places you want them to look.

    This jQuery plugin is handy for products showcases, guided tours, portfolios and helpful for the color blind & visually impaired people.

    It is highly customizable and has built-in support for keyboard navigation. The plugin works fine on Chrome, Firefox and Safari (issues with IE).

    jQuery charToTable plugin

    jQuery charToTable plugin

    I was playing with jQuery and tables yesterday, and got a weird idea: what about converting characters to tables using jQuery?

    The idea evolved and I started to write a new jQuery plugincharToTable.

    I really don’t know if someone will find it useful, but it actually works fine.
    It uses some PHP + GD to convert a character to an image, and then to a JSON object containing the glyph matrix.

    Photoflip slideshow effect with jQuery

    Photoflip slideshow effect with jQuery

    In the previous tutorial we created a tutorial that was controlled by clicking the next link which took the top most image in a stack and placed it at the bottom of the stack, today we are going to automate the flipping through of the images by adding a simple autoadvance function.

    jPList : jQuery List Handling plugin

    jQuery List Handling plugin

    jPList is a jQuery plugin for sorting, paging and filtering any content, such as DIVs, lists and tables.

    • Works with any content (tables, lists, div elements)
    • Seo friendly
    • Paging
    • Filtering
    • Ascending or descending sorting
    • Alphabetical or numerical sorting
    • Sorting, paging and filtering state can be saved in cookies.

    jQuery Browser PINPAD

    jQuery Browser PINPAD

    Browser based pin pad that protects the page from access until the correct code is put in. Uses jquery, colorbox, grumble to achieve all the effects.

    When the page is loaded it is covered up by a pinpad. Putting in the right pin will reveal the page contents and set a cookie allowing access to that page for 30 seconds (Obviously this can be changed). Also, it will relock the page and require the pin number every 30 seconds (This too can be changed )

    JCRUD – Create, Read, Update and Delete Rows with jQuery

    jQuery JCRUD - Create, Read, Update and Delete Rows

    jCRUD is a lightweight jQuery plugin allows you to create, read, update, and delete content of HTML tables with ASP.NET server side code and AJAX.

    • Insert, update and delete rows in HTML table
    • ASP.NET server side + AJAX
    • Pagination
    • Sorting
    • Works in all major browsers (Firefox, Opera, Safari, Chrome, Internet Explorer 6+)

    Portamento: floated layout jQuery plugin

    jQuery floated layout plugin

    Portamento is a jQuery plugin that makes it simple to add sliding (aka “floating”) panel functionality to your web page. All that’s needed is some simple CSS and one line of JavaScript, and you’re away!

    It works fine with floated and absolutely-positioned layouts, in all modern browsers and some not-so-modern ones too.

    Create Multiple pop up divs using the jquery

    Create Multiple pop up divs using the jquery

    In this tutorial we are going to create a simple profile overview page containing 4 profile images and names. When we hover over the image or name a more detailed profile will appear. This div is positioned before the image and name link in the code and is initially hidden. When we hover over the image, a jQuery event will occur which will change the display declaration from hidden to block, making the div appear. This is when we make use of the prev() method.

    ShineTime – A New jQuery & CSS3 Gallery With Animated Shine Effects

    jQuery & CSS3 Gallery With Animated Shine Effects

    I’d like to show you how you can create a kick-ass animated Shine Effect with jQuery & CSS3 and then use it to create your very own Shiny Gallery ‘ShineTime’. This effect is useful in making your user interface elements look like they’re a real polaroid photo (or made of glass)  and the best part is, it’s not that difficult to achieve.