jQuery Custom preloader effect

    jQuery preloader effect

    In this experiment I would like to show you how to create a custom preloader animation effect with jQuery.

    jCanvas – jQuery meets the HTML5 canvas

    jCanvas - jQuery HTML5 canvas

    jCanvas is a jQuery plugin that makes the HTML5 canvas easy to work with.

    FancyMoves a jQuery Product Slider

    FancyMoves a jQuery Slider

    FancyMoves has a lot of great features which are easy to edit to customize your slider. Easily change the speed of the slider, add multiple sliders on the same webpage, turn off the navigation below the slider, and much more.There are multiple ways to navigate to the next / last item: using your keyboard, using the left and right arrows on the sides of the slider, using the nav under the slider (optional), or simply clicking on the next or last item in the slider.

    jQuery FancyBox is built in so you can have images enlarge with an overlay effect on the screen. Hovering over the enlarged photo shows arrows, allowing you to navigate to other images within the group. FancyBox is easy to customize for your needs; change the transition effects, the background color, the title positioning, and more.

    jQuery ExCanvas World Map

    jQuery ExCanvas World Map

    Google Analytics has an excellent map of the world showing where your website visitors come from.While I can’t ever hope to compete with Google’s product, I do want to have a similar map within JAWStats which shows roughly the same sort of information. Ignoring the “clickable” nature of Google’s map at this stage (I’ll tackle that another day), dynamically drawing a map in a web browser isn’t so easy. Naturally, I thought Flash would be the answer but, never one for doing things the easy way, I wanted to try doing this directly in HTML’s <canvas> tag.

    JSL (JavaScript Loader)

    JavaScript Loader

    Imagine there’s a 4-lane highway between your web browser and the internet itself. This highway is optimize to let pictures, text, and css fly by. But, when it comes to external scripts, the highway creates a toll booth that slows traffic. The worst part is that pictures text, and css caught behind these scripts have to wait until they pass through. JSL is the latest in toll both avoidance. It creates an express lane that lets all pictures, text, css, and external scripts pass by without worrying about toll booths. That means you save time and money on traffic costs 🙂

    jQuery TinySort a sorting plugin

    jQuery TinySort a sorting plugin

    TinySort will sort any nodetype by it’s text- or attribute value, or by that of one of it’s children.

    jQuery Stylish Select

    jQuery Stylish Select box

    A cross-browser, accessible alternative to the standard form element which can be fully customised with CSS.Stylish Select attempts to replicate the functionality of the browser default select box as closely as possible with support for keyboard navigation, and intelligent positioning.

    jQuery Stylish Select aims to have a minimal code footprint and weighs in at just over 3KB when minified.

    ImageMapster a jQuery plugin makes HTML image maps useful

    ImageMapster a jQuery HTML image maps

    ImageMapster is a jQuery plugin that brings HTML image maps to life. With this tool, any image map can be highlighted, selected, and manipulated in all kinds of ways. ImageMapster is 100% Javascript and it works on every major browser, without Flash or any other dependencies (except jQuery), including Internet Explorer 6. Some advanced effects require HTML5 support, but will still fall back to work in older browsers.

    Fancy checkboxes and radio buttons with CSS jQuery

    Fancy checkboxes and radio buttons with CSS jQuery

    Many young guns ask about how to style custom checkboxes and radio buttons in forms. I prepared a typical markup, a few lines of CSS and some JavaScript functions (Safari label behavior fix included)