Overlay-like Effect with jQuery

    Today we will create a slick overlay effect with jQuery that does not use an overlay. The idea is to change the opacity or the color of certain elements in order to make it look like as if we are covering the content with an overlay. This allows to focus certain elements in a web page while making others appear less prominent.

    jTextTranslate: A jQuery Translation Plugin

    jTextTranslate: A jQuery Translation Plugin

    A new jQuery plugin for translating text. Imagine, how users that don’t have English as their first language could profit from an integrated functionality to translate e.g. an article.The plugin works with the Google Language API and can be used to translate a text in all the languages provided by the API.

    jRating – Flexible jQuery Ajax Rating Plugin

    jRating – Flexible jQuery Ajax Rating Plugin

    jRating is a very flexible jQuery plugin for quickly creating an Ajaxed star rating system. It is possible to configure every detail from” the number of the stars” to “if the stars can represent decimals or not”. There is also an option to display small or big stars and images can be changed with any other file easily.

    jQuery plugin: Easy List Splitter

    jQuery plugin: Easy List Splitter

    The plugin will get your list, wrap it into a container div, generate as many lists as the number of columns you require and evenly split the list items into the different list elements. If the list items are not enough to evenly fill in all the columns, the plugin will hide the columns in excess (this might happen only if you’re ordering your list items vertically as per default).

    jQuery Horizontal Accordions plugin: Easy Accordion

    jQuery Horizontal Accordions

    Easy Accordion is a highly flexible jQuery plugin for creating horizontal accordions quickly.It generates the accordion from definition lists (dts, so it is SEO friendly) and has support for multiple instances to be ran on the same web page.The plugin can slide any content like images, lists, Flash, etc. and its look can be totally customized via CSS.

    Creating a polaroid photo viewer with CSS3 and jQuery

    Creating a polaroid photo viewer with CSS3 and jQuery

    By combining the CSS3 Box Shadowand Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, you’ll see the shadow. When it’s placed down, it’s rotated to the left or the right (random).

    jQuery + Flot – Plots, Canvas and Charts

    jQuery + Flot - Plots, Canvas and Charts

    Here is the Javascript using jQuery that fetch and format the data to be processed by Flot.

    jQuery Roundrr – How To Create Circular Image Galleries With jQuery

    How To Create Circular Image Galleries With jQuery

    I’m going to introduce you to some of the concepts involved in getting the coordinates we need to plot our image galleries around a shape and in part 2 I’ll introduce you to jQuery Roundrr plugin I wrote that will allow you to easily create interactive event-based galleries using jQuery and a little CSS.

    Reveal: jQuery Modals Made Easy

    Reveal: jQuery Modals Made Easy
    New jQuery Modal Plugin called Reveal to join our Collection of Modal Plugins. Reveal is awesome because it’s easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB.

    jQuery UI CoverFlow 2.0

    jQuery UI CoverFlow 2.0

    I would like to show you how to create and use a jQuery UI CoverFlow component powered by $.widget and CSS3 transforms. It’s highly extensible, supports click, keyboard and mousewheel interaction.The iTunes CoverFlow effect is one of my favorite user-interface patterns – it’s excellent for navigating around large collections of images (or data represented by images) and I thought it would be of great benefit to put out an updated version of this component out there.