background preloader

Plugins JS

Facebook Twitter

Dropzone.js : une bibliothèque open source. “Infinite” Scroll to Load More Content Pagination with jQuery. Pagination with numbers is, in many ways, counter intuitive and time consuming for the user.

“Infinite” Scroll to Load More Content Pagination with jQuery

They have to stop, click on a number, wait for the page to load, and then continue their search. Some websites such as facebook have opted out of this notion of pagination for a system which loads content automatically as the user scrolls. TinySort 1.4.29. Sly - jQuery plugin. Introduction Sly is a JavaScript library for advanced one-directional scrolling with item based navigation support.

Sly - jQuery plugin

It can be used as a simple scrollbar replacement, as an advanced item based navigation tool, or as a great navigation and animation interface for parallax websites. This is achieved by a powerful & developer friendly API that provides a bunch of very useful methods giving you control over everything. Dependencies. Filtrify. IE7 - [buggy} IE8+, Chrome, Firefox, Opera, Safari - (tested) What?

Filtrify

Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clark’s Vertical Navigation Menu. Advanced because you can search tags within tags and filter items by multiple tags from different categories and get a live feedback on the number of items containing related tags. How? Quicksand : Examples : Custom attribute function. jQuery Multiple Filter. ListFilter jQuery plugin. A project I am working on needed a way to filter a long list of staff members.

listFilter jQuery plugin

We needed to be able to filter by several different criteria, and several different interfaces (text search, dropdown lists). And it needed to happen in-place—no page reloads. Thus my listFilter jQuery plugin was born. listFilter allows you to automatically filter out items from a list on the fly, using any number of criteria and data items. Making a Beautiful HTML5 Portfolio. Martin Angelov In today’s tutorial we will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin.

Making a Beautiful HTML5 Portfolio

You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to do much more. The HTML The first step is to write down the markup of a new HTML5 document. In the head section, we will include the stylesheet for the page. Equalize.js. The jQuery plugin for equalizing the height or width of elements Download.

equalize.js

40 Awesome jQuery Plugins You Need to Check Out. Scrolling jQuery Waypoints Waypoints allows you to easily trigger JavaScript events at specific scroll points. Ever wonder how people build those amazing scrolling effects? Image styling with canvas. It’s hard to identify universally accepted rules in web design, but if there is one that the whole community agrees upon, it’s that you should always separate your content from its style.

Image styling with canvas

On almost every webpage, data is output as HTML and style rules are applied using CSS. Nobody mixes data and style in the same file anymore… …Except you. And me. In fact we all do it, everyday. Wouldn’t it be great if there was a way to apply style information to images, without permanently affecting the data, just like we do with text? What’s the problem? Millions of images across the web have been manipulated in applications like Photoshop to fit a style — one of the current trends is the vintage look inspired by mobile apps like Instagram and Hipstamatic.

More importantly, separating data from style means the same data can be presented in different ways depending on context. The ubiquitous nature of CSS is testament to web design’s core-philosophy of separating style from content. Before we start. Roundabout for jQuery by Fred LeBlanc. It’s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results.

Roundabout for jQuery by Fred LeBlanc

Roundabout requires jQuery (at least version 1.2, successfully tested through version 1.7.2). It works in all major modern browsers and even some of the older, not-so-modern ones. It’s open source and released under the BSD license, meaning that it’s free to use in your personal or commercial projects. Azoff/Overscroll. Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better.

Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.

Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better

Downloads Project Source Contribute Standard Select Turns This Into This Multiple Select <optgroup> Support. jQuery Plugins - Plugins, Extensions & Tutorials for jQuery JavaScript Library. MouseSwipe Jquery Touch Content Slider Plugin. MouseSwipe Jquery Touch Content Slider Plugin mouseSwipe is a jQuery content slider with tablet touch or mouse drag navigation.

mouseSwipe Jquery Touch Content Slider Plugin

Labs : TouchSwipe. Koottam Social jQuery Plugin. jQuery.kinetic a plugin which adds smooth drag scrolling with gradual deceleration to containers. jQuery.kinetic is a simple plugin which adds smooth drag scrolling with gradual deceleration to containers Demo Drag a mouse or use touch gestures over the windows below to scroll the pane. If you let go with momentum the scrolling will slow gradually. < left | right > -- end (decelerates) -- stop (stop immediately) Comments and Issues If you have any issues with the plugin then please log them in the issue tracker on github and I'll do my best to help. Options. GRAYSCALE.js. Grayscale.js Demo Click to toggle Grayscale! Lorem ipsum dolor sit amet, consectetur adipiscing elit. CSS3 & jQuery folder tabs.

Ever since I started working for one of my CSS3 breadcrumbs example, I thought about writing this tutorial. In this article, I will use a similar technique in order to create some good looking CSS3 tabs. While in my previous CSS3 tabs tutorial I tried to simulate some beveled corners for the tabs, this time I will show you how to create folder tabs using nothing more than pure CSS3. View demo The HTML. Dsparling/jclock. Hovercard - a jQuery plugin with built in Twitter and Facebook cards. Hover over the red text to see the hovercard in action: jQuery is a cross-browser JS library designed to simplify the client-side scripting of HTML.

It was released in January of 2006 by. NoUiSlider - jQuery Range Slider.