10 Excelentes tutoriales de JQuery Slider y Plugins

La  Comunidad de desarrollo web como en gran parte van a poner en práctica Plugins jQuery en su proyecto para facilitar la generación de mostrar la imagen. Su flexibilidad siempre es una preocupación en todos los amantes de la web. En este artículo muestra 10 excelentes tutoriales deslizante jQuery Plugins y para los desarrolladores.


FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

Moving Boxes

“Many of the concepts presented in those tutorials are the same with this slider, so I’m not going to throw a lot of source code at you this time. The big difference here is that there are buttons to change panels and the panels zoom in and out. Fun!”

Numeric Navigation jQuery Slider

Easy Slider (as I call this plugin) enables images or any content to slide horizontally or vertically on click. It is configurable with css alone. So, basically you link to plugin file, set the content up and style it with css.


Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.

Photobooth with PHP, jQuery and CSS3

In this tutorial,you will find a jQuery and PHP powered photobooth. It will allow your website visitors to take a snapshot with their web camera and upload it from a neat CSS3 interface.

Rotating Image Slider with jQuery

An asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. We will also add an autoplay option and the mousewheel functionality.

Creating a modern gallery with Raphael

How to create a modern gallery (with cool animation effect) using Raphael library and jQuery.

jQuery and CSS3 Random Rotation Menu

“We are going to create a great menu with some content area that slides out. We use the grunge style because we want it to look a bit messy: the menu items are going to have a random rotation using the CSS3 property “transform”. So, when we load the page each menu item will be positioned differently, giving a random and creative look to this grunge page.
The content area is going to be visible in the beginning, but slide out and back in everytime another menu item is clicked. Also, we will be randomizing the rotation degree of the content area.”


Supersized is a fullscreen background slideshow built using the jQuery library.

AnythingSlider jQuery Plugin

This new AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. In other words, to create a really “full featured” slider that could be widely useful. This is the first time (on CSS-Tricks) that one of these sliders is an actual plugin as well, which should make implementing it and customizing it much easier.

Fuente: djdesignerlab

Posted in Uncategorized.

Leave a Reply

Your email address will not be published. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>