Archive for 2011

    jQuery ListNav Plugin

    jQuery ListNav Plugin

    This jQuery plugin supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list. An easily stylable (via CSS) nav bar appears above the list, showing the user the letters A-through-Z. Clicking one of the letters filters the list to show only the items in the list that start with that letter.

    Display Facebook Photos To Your Website with FQL and jQuery Lightbox

    Display Facebook Photos To Your Website with FQL and jQuery Lightbox

    Hi there! Today we’re going to do a code that:

    1. Gets photo albums and photos of a facebook fan page (using Facebook PHP SDK and FQL).
    2. Display these photos to a webpage (assuming it is your website.).
    3. Use jQuery Lightbox to make awesome images presentation.

    Using Flux Slider jQuery plugin

    jQuery Flux Slider

    Using Flux Slider jQuery plugin Today I will make review (example of implementation) of fresh and cool slider plugin – Flux. This slider using CSS3 animation with great transition effects (like: bars, zip, blinds, blocks, concentric, warp). And, what is most great – now it can support 3D transitions too (bars3d, cube, tiles3d, Blinds3D effects).

    Grid Navigation Effects with jQuery

    jQuery Grid Navigation Effects

    Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We’ll take a look at some of the possibilities and how to apply the effect.

    Accordionza a jQuery accordion Plugin

    jQuery accordion Plugin

    This plugin cost $9 and will allow you to easily configure all effects and speed, pause on hover, autoplay and autorestart, collapseable captions and more. Three accordion styles are included. Create your own with some HTML  & CSS skills. Solid — No wobbly edges as often seen in other accordion scripts. Progressive enhancement. All content is still viewable without JavaScript enabled.

    gameQuery a game engine for jQuery

    jQuery Game engine

    gameQuery is a jQuery plug-in to help make javascript game development easier by adding some simple game-related classes. It’s still in an early stage of development and may change a lot in future versions.

    gameQuery has the following features:

    • multi layer-sprite animations
    • sprite hierarchies (grouping)
    • collision detection
    • swappable sound support
    • periodic callbacks
    • keyboard state polling
    • free and open source license

    Geo Location with HTML5 and Jquery

    google Geo Location with HTML5 and Jquery

    Last few days I have been working with HTML5 elements, it’s very interesting. This post explains you how to get geo location latitude and longitude values using Jquery. I found a geocode location script from html5demos.com and I have customized bit of code. It is useful you can built foursquare kind of location check out web application.

    Merging Image Boxes with jQuery

    jQuery Merging Image Boxes

    Today we will show you a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter into the little box shaped thumbnails again.

    Cross-Browser Rounded Buttons with CSS3 and jQuery

    jQuery css3 rounded button

    I was tasked with replacing several dozen Photoshop-generated rounded buttons for a larger site with an HTML/CSS/JS equivalent. Prior, any time anyone wanted to change text on a button (and it seemed to happen often), a graphic designer had to fire up Photoshop, modify a file, adjust for size, output an image, and pass that file off to the person building the page.

    Auto-growing and re-sizable textarea – Jquery Plugin

    jQuery Auto-growing and re-sizable textarea

    This is a simple plugin which make the textarea to grow automatically as the user types in the textarea. This also makes the textarea to be resizable (as in drupal textarea)