Archive for 2011

    Create a Posticks (Sticky Notes) app with HTML5, CSS3 and jQuery

    While I was on vacation in Dominican Republic, I had some free time to work in a small application that creates Posticks notes, or sticky notes, in the browsers and save it in the localStorage of the browser. If you want to know what I am talking about you can visit the demo.

    Drag and Drop Template Management System with Jquery

    I have been developing Template (User Interface) management system with drag and drop panel support for my future project. In this post I want to explain how to design database tables and implementing grids drag and drop usability with jqueryUI plugin. Using this system your web project will prove a choice to the end-user, they can manage their own template interface. Take a look at live demo

    jQuery Colors Pickers HCL

    jQuery colors picker has following benefits:

    • The HSL color model is more intutive for humans than RGB (which was developed as a technical solution)
    • The pickers are designed so there’s no need to really know anything about color theory
    • Each color parameter has it’s own independent scale, so a user will understand easily what to adjust to get a desired result
    • What’s more, the scales change according to current color, allowing the user each time to visually understand which scale does what (e.g. I want it lighter, darker, more red, more gray…)

    Create a Thumbnail with Fading Caption Using jQuery

    Today we are going to learn to create another thumbnail effect with fading and transparent caption. It’s simple and obviously I have running out of ideas in jQuery tutorial because this is similar to jQuery Thumbnail with Zooming Image and Fading caption…

    ppGallery – Elegant Lightbox Gallery Jquery Plugin

    Showcase your gallery in style with ppGallery, an advanced lightbox photo gallery plugin built with the jQuery Framework. It is lightweight, unobtrusive and installs with ease. It has been tested on the latest versions of IE7, IE8, Safari, Firefox, Google Chrome, Camino and Opera.

    jQSlickWrap – Slick Text Wrapping For jQuery

    jQSlickWrap is a plugin for jQuery which allows you to wrap content around irregularly shaped images, easily. Use float and padding CSS styles to specify how the wrapping will work. Written with Progressive Enhancement in mind.

    PlusSlider with jQuery

    PlusSlider with the following features:

    • Slides are HTML (Can be images or text)
    • Easily swap between fadingsliding
    • Multiple PlusSliders per page
    • Very simplevalid markup
    • Autoplay (Optional)
    • Next/Previous Navigation (Optional)
    • Paginated Navigation (Optional)
    • Tested on IE7+ and modern browsers

    iCal-like calenders with jQuery

    Here is a tutorial how to create astonishing iCal-like calendars with jQuery..

    Fly-To-Basket Effect With jQuery

    Here is the complete animated shopping cart with php , Ajax  and jQuery.