Animated fullscreen background image slideshow with jQuery

    Animated fullscreen background image slideshow with jQuery

    With the help of some small HTML, nifty CSS and loads of jQuery, we’re able to create an animated fullscreen background image slideshow. Read the rest of this article to learn how it’s built.You can easily change the script by changing some variables. It also features image preloading and keyboard navigation (try pressing the numeric keys). The background images have a width of 2000px, just to cover most of the currently used screen resolutions.

    jQuery Form Framework – jFormer

    jQuery Form Framework – jFormer

    jFormer is a form framework written on top of jQuery that allows you to quickly generate beautiful, standards compliant forms. Leveraging the latest techniques in web design, jFormer helps you create web forms that: validate client-side, validate server-side, and process without changing pages using AJAX.

    jPhotoGrid – Zoomable jQuery Image Gallery

    jPhotoGrid - Zoomable jQuery Image Gallery

    Nearly all of the styling for this plugin is done in css.  The trick is to layout the grid by floating the list items.  The first thing the plugin will then do, is convert these all to absolutely positioned.

    OIPlayer jQuery plugin

    OIPlayer jQuery plugin

    OIPlayer inits and controls the video- or audioplayer made by modern browsers with the html5 video- or audiotag. It was developed for the Open Images Platform. It features a fallback mechanism and enables the use of three players in a generic way. It sifts through the sources inside the media tag to find a suitable player, replaces the mediatag with itself and enables some generic controls. Is supports the html5 media-tag itself, the Java applet Cortado for the ogg media format (ogv, oga) for browsers that have Java but don’t support the html5 media-tags and a Flash player, in this case FlowPlayer for (mp4, h.264, flv).

    jQuery Form Wizard Plugin

    jQuery Form Wizard Plugin

    The form wizard plugin is a jQuery plugin which can be used to create wizard like page flows for forms without having to reload the page in between wizard steps.

    FullCalendar with jQuery

    FullCalendar with jQuery

    FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one left. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar).

    Scrolling to the Top and Bottom with jQuery

    Scrolling to the Top and Bottom with jQuery

    Scroll to the Top and Bottom of your website with a simple click with the help of the jQuery powered Special Scroll Events by James Padolsey, and some few extra lines of jQuery – appearing like two buttons with fixed position on the bottom left of the page.

    jQuery Panel Magic – Panel Layout For Small Websites

    jQuery Panel Magic – Panel Layout For Small Websites

    jQuery Panel Magic plugin is a new take on website navigation. Using a matrix or grid style layout for your website, you can easily implement this plugin for small websites and web applications. The plugin provides you with a unique way to “panelize” a website.

    Awesomeness-Filled Navigation Menu

    Awesomeness-Filled Navigation Menu

    In this tutorial you will learn how to create a navigation menu inspired by Dragon Interactive. CSS sprites can dramatically increase a websites performance and with jQuery you will implement awesome transition effects easily.

    Ajax Easy Expand jQuery

    Ajax Easy Expand jQuery

    Easily and quickly create multiple expandable / collapsable regions on the same page. Each easy expand element will look like an accordion but but with more options. Unlike an accordion you’ll be able to open as many easy expand elements as you want at one time. Alternatively, you may close them all at the same time if you wish. You can preset each individual easy expand element to appear open or close at page load.