Archive for 2011

    Create a Slick and Accessible Slideshow Using jQuery

    Create a Slick and Accessible Slideshow Using jQuery

    In this in-depth web development tutorial, you’ll learn how to create a usable and web accessible slideshow widget for your site using HTML, CSS, and JavaScript (jQuery). In the process, you’ll see the concept of Progressive Enhancement in action.

    Ajax AutoComplete for jQuery

    Ajax AutoComplete for jQuery

    Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields.

    It is built with focus on performance. Results for every query are cached and pulled from local cache for the same repeating query. If there are no results for particular query it stops sending requests to the server for other queries with the same root.

    Drag Drop Shopping Cart Using JQuery

    Drag Drop Shopping Cart Using JQuery

    There are a lot tutorial about creating drag and drop shopping cart, in this post I want to share my version still with JQuery, but the different is this example only shows the code on the client side, which mean all of data are hardcoded on the html, and counting price and total items will be handle by javascript.

    Shuffle Between Images Using JQuery

    Shuffle Between Images Using JQuery

    Shuffle mean changing the position between each items position, I continue this shuffling images feature so that can be added to my previous post about creating collage image gallery using jquery, and better can be added with rotating feature too. I’m using the same layout and images position like before.

    SmokeScreen – Create Informative Textboxes

    SmokeScreen - Create Informative Textboxes

    Create more informative textboxes by placing descriptive information, or “infotips”, about the textbox directly inside of it. This is particularly useful when placing labels next to textboxes is not always desired, such as in a small log in form. When a textbox receives focus, the text disappears; on blur, if nothing is entered then the infotip is placed back.

    jQuery UI MultiSelect Widget

    jQuery UI MultiSelect Widget

    This is the successor and port of my original jQuery MultiSelect Plugin to a jQuery UI widget. While both will actively be maintained, I highly recommend you use this version over the plugin version. It has a more robust feature set, is faster, and is much more flexible. MultiSelect turns an ordinary HTML select control into an elegant drop down list of checkboxes with themeroller support.

    Creating a fading header in jQuery

    Creating a fading header in jQuery

    A simple example using jQuery and CSS that shows you how to create the fading header technique.

    jQuery Accessible slider

    jQuery Accessible slider

    Accessible slider- Illustrations and code samples showing how to make a slider UI control accessible to those who aren’t running JavaScript or CSS.

    Jquery: cool background animation

    jQuery background animation

    in this article I will show you how to make cool background animation with jquery. With this script you can make fresh new look to your web site or just experiment.

    Open Standard Media (OSM) Player in jQuery

    Open Standard Media (OSM) Player in jQuery

    Open Standard Media (OSM) Player is an all-in-one media player for the web. It is an industry changing, open source (GPLv3) media player that is written in jQuery to dynamically deliver any type of web media, including HTML5, YouTube, Vimeo, and Flash.