background preloader

Plugins

Facebook Twitter

jVectorMap. Circular Discography Template with jQuery. Restaurant Website and Gallery Template with jQuery and Google Maps. Moving Boxes Menu with jQuery. She packed her seven versalia, put her initial into the belt and made herself on the way.

Moving Boxes Menu with jQuery

When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way. On her way she met a copy. The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. Expanding Image Menu with jQuery. Animated Text and Icon Menu with jQuery. Sliding Background Image Menu with jQuery. jQuery Pagination - jPaginate. Fixed Fade Out Menu: A CSS and jQuery Tutorial. Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea.

Fixed Fade Out Menu: A CSS and jQuery Tutorial

The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost […] View demoDownload source Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea. The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost transparent. When the user hovers over it, the menu then becomes opaque again. Thumbnails Preview Slider with jQuery. Circular Content Carousel with jQuery. Image Wall with jQuery.

Elastislide - A Responsive jQuery Carousel Plugin. Elastislide is a responsive image carousel that will adapt fluidly in a layout.

Elastislide - A Responsive jQuery Carousel Plugin

It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images. View demo Download source With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is a responsive jQuery image carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid. In a carousel, one could think that simply making its container “shorter” will solve the problem on smaller screens, but in some cases (e.g. when we have bigger images) it might be reasonable to resize the items as well.

Code-prettify - syntax highlighting of code snippets in a web page. Sizzle JavaScript Selector Library. Www.appelsiini.net/projects. jEditUndo. This library builds upon jQuery, facilitating the use of jeditable and jsUndoable together.

jEditUndo

It allows elements marked as editable-in-place to be tracked by the undo manager. To use this plugin, simply include the script on your page following the three plugins it augments: Follow the respective instructions for jeditable and jundoable to implement their functionality. This plugin will automatically provide you with an undo manager instance, accessible at jQuery.undoManager. Jeditable - Edit In Place Plugin For jQuery - Hi!

Jeditable - Edit In Place Plugin For jQuery -

My name is Jeditable and I am inplace editor plugin for jQuery. With few lines of JavaScript code I allow you to click and edit the content of different html elements. I am based on Dylan Verheul’s editable. For those in hurry download latest source or minified. For bleeding edge version check GitHub. How does in place editing work? Normal flow is this. Basic usage While reading you might also want to check live demo. <div class="edit" id="div_1">Dolor</div><div class="edit_area" id="div_2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

jQuery : Edit in place plugin. Expanding Fullscreen Grid Portfolio. Today we want to share a neat experimental portfolio template with you.

Expanding Fullscreen Grid Portfolio

The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view more, we expand the according item to fullscreen in order to show a longer description of the item and a representative fullscreen background image. View demo Download source Each item has a little slideshow of thumbs which will be animated to the right position once the portfolio item gets “expanded”.

If you know Flipboard for the iPad, then you might recognize this effect we got inspired with. The beautiful images are by Kyle van Horn, check out his Flickr Photostream. jQuery Masonry is by David deSandro and you can find it here. Parallax Slider with jQuery. Animated Skills Diagram with Raphaël. In this tutorial we will show you how to create a diagram using Raphaël – a small JavaScript library that is great for working with vector graphics.

Animated Skills Diagram with Raphaël

Better Check Boxes with jQuery and CSS. Martin Angelov In this short tutorial, we will be creating a replacement for the default browser checkboxes in the form of a simple jQuery plugin.

Better Check Boxes with jQuery and CSS

It will progressively enhance your forms but at the same time fall back to the default controls if JavaScript is unavailable. The first step is to lay down the structure of the underlying HTML document. Rocking and Rolling Rounded Menu with jQuery. In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here.

Rocking and Rolling Rounded Menu with jQuery

We will create a menu with little icons that will rotate when hovering. Also, we will make the menu item expand and reveal some menu content, […] View demoDownload source In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. jQuery Easing Plugin. Description A jQuery plugin from GSGD to give advanced easing options.

jQuery Easing Plugin

Please note, the easing function names changed in version 1.2. Please also note, you shouldn't really be hotlinking the script from this site, if you're after a CDN version you could do worse than try cdnjs.com Download.