Archive for 2011

    rlightbox – a jQuery UI mediabox

    rlightbox – a jQuery UI mediabox

    rlightbox is a jQuery UI mediabox that can display many types of content such as images, YouTube and Vimeo videos. It has many unique features like Panorama and Live Re-size. Like other jQuery UI widgets, it is ThemeRoller ready.

    jQuery Widgets unique library for jQuery UI Development

    jQuery Widgets unique library for jQuery UI Development

    jQWidgets gives us something new and special. It’s a new and unique library for jQuery UI development and unlike others it makes our Apps and Websites look beautiful on desktops, touch devices and mobile phones. jQWidgets is the ultimate UI toolkit for the next generation of cloud apps development and it is built entirely on open standards and technologies like HTML5, CSS, JavaScript and jQuery.

    jQuery 3 State Switch Plugin

    jQuery 3 State Switch Plugin

    Is a jQuery Plugin that expresses the selection and some states of list item using radio button and checkbox at the same time.

    jQuery Popin a easy modal window

    jQuery modal window

    Create an easy modal window with an automatic Ajax request.

    jQuery Multi Level Menu – FX CSS Menu with Submenus

    jQuery Multi Level Menu

    CSS Menu with visual effect powered by jQuery. Javascript is used for effects only. Full cross-browser compatibility including IE6. Effects: smooth fade animation on mouse over and unfold submenu appearance. Easy-to-setup: simple nested unordered list for menu items with unlimited levels.

    Carbon Fiber Signup Form With PHP, jQuery and CSS3

    Carbon Fiber Signup Form With PHP, jQuery and CSS3

    A carbon fiber – style form, build using progressive enhancement. This means that we first ensure that the form works well without JavaScript and fancy CSS support (think of IE6 here) and later move on by layering over cool styling, AJAX and jQuery magic.

    jqTransform a jQuery form styling plugin

    jqTransform a jQuery form styling plugin

    This plugin is a jQuery styling plugin wich allows you to skin form elements.

    Lateral On-Scroll Sliding with jQuery

    jQuery On-Scroll Sliding

    After getting the request, we are going to show you how to create a “slide-in on scroll” jQuery effect. You’ve probably seen this cool effect on some websites, like on Nizo or in the portfolio section of brilliantly designed La Moulade. The main idea is to laterally slide in elements depending on the scroll position of the document. Dividing the page into a left and right side, we want to move the elements from “outside” of the page to the center when they are in the viewport. We will also add the option to move the elements in 3D space.

    The theme of today’s tutorial is going to be a timeline where we will have some circular elements on one side and the descriptions on the other. We’ll be alternating the sides to create a random look.

    Shiny Knob Control with jQuery and CSS3

    Shiny Knob Control with jQuery and CSS3

    In this tutorial we will be writing a jQuery plugin for creating a shiny knob control. Aptly named knobKnob, this plugin will use CSS3 transformations and jQuery’s new event handling methods to give visitors of your website a new way of interactively choosing a value from a range.

    Exposure – jQuery image gallery plugin

    Exposure - jQuery image gallery plugin

    Exposure is an image viewing plugin for the jQuery JavaScript library. It includes a thumbnail list with paging, shows captions, and has also incorporates full screen modal slideshow. It uses some of the core functionality of Exposure, like keyboard and click through navigation, and also includes a nice and smooth custom cross-fade transition effect.