AnythingSlider: otro plugin de jQuery para crear sliders

jquery-slide-plugin

Ultimamente me estoy planteando incorporar un slider al blog, por lo que estoy viendo las diferentes opciones disponibles. Hoy he descubierto Anythingslider que es un plugin de jQuery para crear sliders elaborado por CSS-Tricks. Puede presentar cualquier tipo de contenido HTML en el contenedor de cada slide.

Modo de empleo

$('.anythingSlider').anythingSlider({
        easing: "swing",                // Anything other than "linear" or "swing" requires the easing plugin
        autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not
        startStopped: false,            // If autoPlay is on, this can force it to start stopped
        delay: 3000,                    // How long between slide transitions in AutoPlay mode
        animationTime: 600,             // How long the slide transition takes
        hashTags: true,                 // Should links change the hashtag in the URL?
        buildNavigation: true,          // If true, builds and list of anchor links to link to each slide
        pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover
        startText: "Start",             // Start text
        stopText: "Stop",               // Stop text
        navigationFormatter: null       // Details at the top of the file on this use (advanced use)
});

Puede verse una demo en CSS-Tricks y también descargarse los ficheros de ejemplo.

Slideshow para jQuery o Scriptaculous: Horinaja

horinaja-slideshow

Horinaja es un plugin que permite crear pases de diapositivas (Slideshow) de una manera muy sencilla. Tiene versión tanto para jQuery como para Scriptaculous. En el plugin se puede configurar si se muestra paginación o no, el tiempo de transición de una página a otra y el tiempo que tarda en realizarse la transición, entre otras cosas. El resultado es muy profesional y elegante.

El modo de uso es muy sencillo, se debe de crear un div al que añadirle la clase horinaja, y dentro de este div, crear una lista no ordenada (ul) . El ejemplo de código habla por sí solo.

Código HTML

  • ...

Código Javascript


Recopilatorio de recursos y tutoriales sobre Mootools por w3avenue y Smashingmagazine

w3avenue

Mootools es el framework Javascript incluido en Joomla y aunque no es tan popular como jQuery, es de gran calidad y tiene una comunidad, no tan grande como la de jQuery, pero bastante extensa. Hoy me he encontrado con dos recopilatorios de gran utilidad.

  1. List of Really Useful Plugins and Resources For MooTools, un recopilatorio de plugins para Mootools 1.1 y 1.2 realizado por w3avenue. Se pueden encontrar todo tipo de plugins para usar en nuestros proyectos.
  2. MooTools Tutorials and Resources Round-Up, en esta ocasión Samshingmagazine dedica uno de sus super-recopilatorios de recursos y tutoriales a Mootools, hace poco dedicó uno a Joomla.

Dos buenas referencias para tener a mano, sobre todo si se está pensando en hacer plantillas para Joomla y se las quiere dotar de algo de interactividad.

GeoFill: geolocaliza a tus usuarios mediante la IP

gps-maggu Ayer, leyendo Ajaxian, descubrí Geofil. Se trata de una pequeña librería javascript, que a su vez usa un servicio de Yahoo, mediante la cual se hace facilísimo obtener datos de geolocalización de los usuarios de nuestras aplicaciones.

Antes, para obtener estos datos había que instalar un módulo para Apache en el sistema operativo, o por lo menos esa es la forma que yo conocía. Ahora con esta pequeña librería es facilísimo.

Para muestra un botón:








Probando GeoFill

El método find del objeto geofill admite una parámetro, que es la función que va a manejar el evento, el callback. En esta función simplemente usamos los datos como queramos, yo los he introducido en un div, pero se podrían hacer muchas cosas más. El objeto geofill también tiene implementado el método lookup, que permite obtener los datos de geoposicionamiento mediante un código postal. Para más información visitar la web del creador:

Como habréis podido comprobar es muy sencillo su uso. He subido el snipet funcionando al servidor para que podáis ver el ejemplo funcionando.

Las utilidades que le veo son muchas, por ejemplo, comprobar que un usuario ha puesto bien el país de donde  viene en un formulario, redirigir a un usuario a una página u otra según el país de procedencia en un sitio internacionalizado, posicionar al usuario en un mapa de Google Maps mediante la latitud y la longitud… ¿se os ocurren más?