jQuery week-calendar te permite generar un calendario flexible y ligero para tus aplicaciones web, muy al estilo de Google Calendar.

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.

var li = document.createElement(‘li’);
li.id = ‘acerca-de’;
li.innerHTML = ‘Acerca de’;
$(‘#nav’).append(li);

Como veis, estoy creando un nuevo elemento de una lista, asignándole un ID, insertando su html correspondiente y añadiéndolo a una lista que ya tengo con identificador #nav.

Lo bueno que tiene jQuery es que está desarrollado para poder anidar instrucciones, haciendo que cada función devuelva el mismo elemento. De este modo estos pasos quedarían:

var li = $(document.createElement(‘li’)).attr(‘id’,'acerca-de’).html(‘Acerda de’).appendTo(‘#nav’);

Dejando un código mucho más sencillo, limpio y reducido.

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

La gráfica se renderiza completamente desde el lado del cliente y su uso es muy sencillo.

Modo de uso y ejemplos.

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

Documentación y ejemplos.

El realizar esta implementación conlleva el uso de peticiones AJAX, por las que, sin necesidad de actualizar la página completamente, se refresca un determinado bloque con los resultados de una consulta a la base de datos.

En marcofolio.net tenemos un tutorial donde nos explican paso a paso, tanto el código javascript usado como los archivos PHP y estructura de la base de datos en MySQL necesarios, para realizar una implementación de este tipo basada en la apariencia de los buscadores de la página web de Apple.

Puedes acceder a la demostración online y descargar todo el código fuente necesario para revisar el ejemplo.

jQuery API

Visual jQuery

Ambos utilizan un menú de navegación muy intuitivo, bien dividido y con ejemplos del uso de cada método.

Mientras este atributo no se aprueba, Drew nos ofrece un plugin para jQuery que nos realice esta funcionalidad.

jQuery Fullsize trabaja como un lightbox, buscando las imágenes que contengan el atributo fullsize y preparándolas para que cuando el cursor se sitúe sobre ellas aparezca un icono de ampliación. Al pulsar este icono se mostrará en un bloque flotante la versión de mayor tamaño de la imagen.

El plugin pesa solo 8Kb y acepta los parámetros necesarios para adaptarlo a nuestras necesidades.

<img src=”me.jpg” alt=”me” longdesc=”me-big.jpg” />

$(“img”).fullsize();

Más información y descarga: addfullsize

Ir al ejemplo