Archive for 2011

    Create a Dynamic Scrolling Content Box Using AJAX

    jQuery AJAX Scrolling Content Box

    If you have used Google Reader, then you might have noticed the way Google Reader shows feed items, it loads up few items first when you click on a feed and as you scroll down to view more items, it fetches more items dynamically and adds it to the list.

    A navigation menu that stays on top with jQuery

    A navigation menu that stays on top with jQuery

    This is an easy way to make a navigation menu that sticks to top of the window while scrolling down the page. We want the menu to stick to the top only after we’ve scrolled down further than its original position. A few lines of jQuery will to the trick.

    Advanced Javascript ColorPicker

    Advanced Javascript ColorPicker

    ColorPicker is an advanced and highly customizable JavaScript color picker that doesn’t rely on any JS frameworks. It can display the entire color palette (~16.78 mil. colors) in 6 different color modes.

    Twisterghost a jQuery console I/O system

    Twisterghost a jQuery console I/O system

    A JavaScript based console I/O system built for module extensions.

    Knockout a Dynamic jQuery UI

    Knockout a Dynamic jQuery UI

    Knockout a Dynamic jQuery UI a dynamic jQuery UI by applying the Model-View-View Model(MVVM) pattern.Easily associate DOM elements with model data using a concise, readable syntax.When your data model’s state changes, your UI updates automatically.

    Knockout is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically (e.g., changing depending on the user’s actions or when an external data source changes), KO can help you implement it more simply and maintainably.

    How to build a fast, simple list filter with jQuery

    How to build a fast, simple list filter with jQuery

    Sometimes you want users of your web-app to quickly filter a list down. For example, a web-app I’m currently working on features a page listing two dozen countries, and I want users to find the country they are looking for as fast as possible. This article shows you how little code is needed to add this in a fast, progressively-enhanced way using jQuery.

    timeago a jQuery plugin

    timeago a jQuery plugin

    Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. “4 minutes ago” or “about 1 day ago”).

    jQuery One Page Navigation Plugin

    jQuery One Page Navigation Plugin

    I am a fan of the one-page sites. I really like the ones that add smooth scrolling and highlight the navigation depending upon which part of the page you have scrolled to..I wanted the page to scroll smoothly when the navigation was clicked, so I used the jQuery ScrollTo plugin. I also wanted the page to automatically highlight the correct navigation section depending upon which section was scrolled to, and that was where I added my custom code.

    Roundabout is a jQuery plugin

    Roundabout is a jQuery plugin

    Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.

    It’s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results.

    CraftMap a jQuery Maps Plugin

    CraftMap

    CraftMap (previous MobilyMap) is a lightweight (6KB only), fully configurable jQuery plugin that converts a simple image into a functional map by overlaying dynamic elements on it such as markers.Like Google Maps, you can place your own marker icons and add location information to specific markers with a draggable image interface.