Dando un toque de estilo a tus menús con un plugin

Basado en un plugin anterior, jQuery Menu es un plugin que te permite generar sencillamente un menú ideal para una estructura compleja con subniveles anidados.

Ofrece una cómoda navegación por los elementos que puede ser definida por el usuario: apareciendo los bloques de subniveles anidados, posicionandose en el nivel deseado y mostrando un enlace para regresar al anterior…

En cuanto a estilo visual el plugin no ofrece ninguna complicación, ya que dispone de un sistema de temas para adaptarlo a nuestro gusto.

Y es tan sencillo de utilizar como definir una lista de elementos:

<ul>
<li><a href=»#»>Menu option</a></li>
<li><a href=»#»>Menu option</a></li>
<li><a href=»#»>Menu option</a>
<ul>
<li><a href=»#»>Child menu option</a></li>
<li><a href=»#»>Child menu option</a></li>
<li><a href=»#»>Child menu option</a></li>
</ul>
</li>
<li><a href=»#»>Menu option</a></li>
</ul>

Y ejecutarlo:

$(document).ready(function(){
$(‘#myMenuButton’).menu({
content: $(‘#myContent’).html(),
maxHeight: 180,
positionOpts: { offsetX: 10, offsetY: 20 },
showSpeed: 300
});
});

Más ejemplos e información en su página oficial.

InnerFade, plugin para alternar elementos

InnerFade es un plugin para jQuery que permite convertir una lista de elementos en un bloque que va alternando los items desvaneciéndolos.

La lista puede estar formada por párrafos, enlaces o incluso imágenes, siendo ideal para las secciones de trabajo o portfolio de las webs.

En la llamada al plugin tenemos la posibilidad de parametrizar el funcionamiento para adaptar la librería a nuestro gusto:

$('elemento').innerfade({
animationtype: Type of animation 'fade' or 'slide',
speed: Fadingspeed in milliseconds or keywords (slow, normal or fast),
timeout: Time between the fades in milliseconds,
type: Type of slideshow: 'sequence', 'random' or 'random_start',
containerheight: Height of the containing element in any css-height-value
runningclass: CSS-Class which the container get’s applied
});

Visita la página oficial para descargar la última versión y demostración on-line del plugin.

Toma el control del tiempo con epiClock

epiClock es un plugin que te facilitará la vida a la hora de trabajar con relojes, temporizadores, cuentas regresivas…

Podrás inrustar múltiples temporizadores en una misma página y aplicarles una máscara personalizada a cada uno de ellos para obtener la visualización que más se adapte a tu proyecto. La parametrización es similar a la de la función date de PHP.

Demos y documentación.

Externalify for WordPress

Externalify es un plugin para jQuery realizado por Aaron Lozier que permite aplicar rápidamente clases de estilo y parámetros de atributo rel a todos los enlaces externos de una página.

Además, por defecto, el plugin abrirá todos los enlaces externos en una ventana nueva.

Externalify for WordPress es un pequeño desarrollo que he realizado para implementar la funcionalidad de externalify en cualquier blog de WordPress, de una forma sencilla y a través de una página de opciones.

Tan sencillo como descargar e instalar el plugin, activarlo y definir las opciones que desees.

Descargar Externalify for WordPress

Campo de texto con autocompletado al estilo Facebook

Con el plugin autobox se pueden conseguir campos de texto con auto-completado y que simulen el estilo de los campos de la red social Facebook.

Los valores posibles pueden ser declarados estaticamente o en base a una petición AJAX.

Documentación y ejemplos.