Archive for the ‘Scripts & Apps’ Category

jQuery Social Media Plugin: SMover

SMover (Social Media hover, pronounced smother) is a jQuery social media plugin that hides away social media icons and only displays them when the user hovers on a call to action. It’s also really small, just 4kb compressed!

Read the rest of this entry »

Cursor Following Floating Navigation Menu Plugin

A floating navigation menu jQuery plugin that follows the moving cursor, built with the jQuery framework and CSS. The floating menu is minimal with discreet float animation to avoid obtrusiveness and help usability. The end result features simple markup, two levels navigation and easy styling via CSS. This floating navigation menu plugin comes with a [...]

Read the rest of this entry »

MobilyMap Converts A Simple Image Into A Functional Map

MobilyMap is a lightweight (5KB 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.

Read the rest of this entry »

Parallel Script Loader To Speed Up & Modernize Websites: HeadJS

Head.js is a sort of mashup of a script loader, a feature detector, and an HTML5 shiv/shim in just over 2kb of JavaScript. It allows you to include multiple script requests within one chained call. It gives different configurations for loading and execution of scripts. For instance, you can load in parallel and execute either [...]

Read the rest of this entry »

JavaScript Image Manipulation Library: CamanJS

CamanJS is an HTML canvas image manipulation JavaScript library with a very easy to use interface and a webworkers backend. CamanJS is not a canvas drawing library, it’s main focus is manipulating images, not drawing new content. It provides much of the basic functionality you would find in something like Photoshop (image contrast, brightness, levels, saturation, [...]

Read the rest of this entry »

Orientate An Element Based On The Mouse Position: zLayer

zLayers is a jQuery plugin that allows you to orientate an element based on the position of your mouse to the page’s window, or element’s parent. zLayer is perfect for interactive illustrations and rich user experience through creative methods. Its lighweight, easy to use and customize. Requirements: jQuery Library Website: http://www.devinrolsen.com/jquery-zlayers-plugin/ License: Free to use

Read the rest of this entry »

Ajax Enabled Powerful Client Side Validation: Vanadium

Vanadium is a simple, intuitive yet powerful client side validation script. This JavaScript validation toolkit supports Ajax and regular server side response results. Vanadium is declarative client-side validation toolkit. These declaration can be done in two different ways: Using json structure Using inline markup Requirements: jQuery Library Website: http://vanadiumjs.com/ License: Free to use

Read the rest of this entry »

jQuery And JavaScript Autoloader: jQuewy

jQuewy is a simple, fast and effective way to include jQuery plugins and Javascript libraries in your project. You simply download the jQuewy script, and run jQuewy functions to load commands. jQuewy collects the latest libraries online, and automatically inserts them into the header of your page. jQuewy is faster than using a script tag because it [...]

Read the rest of this entry »

Awesome Scrolling Navigation Using jQuery

A nice tutorial on creating an awesome scrolling navigation using jQuery. The main thing it does differently is to have the logo and logo background elements move at different animation speeds from each other and the main content. This effect is is similar to Parallex scrolling and gives the website more interest, depth and flair. Requirements: jQuery [...]

Read the rest of this entry »

Rotating Image Gallery Using jQuery 2D Transform: Merged Image Boxes

Merged Image Boxes is an awesome rotating image gallery using the jQuery 2D Transform. It has 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 [...]

Read the rest of this entry »