The Woork Handbook es un ebook gratuíto realizado por Antonio Lupetti y que recoge algunos de los artículos publicados durante el año 2008 en su estupendo blog personal woork, orientado al desarrollo web.
En esta primera versión, la 0.1 del libro, nos ofrece una introducción a la programación en HTML, CSS, Javascript y frameworks como Mootools o Scriptaculous, AJAX y demás temas relacionados.
Una guía estupenda para todos aquellos que quieran iniciarse en la programación web.
Descargar The Woork Handbook…
Vía: intenta
En los tiempos que corren de la web 2.0, David Walsh se puso a desarrollar una clase para Mootools [versión 1.2] que simula el efecto de una máquina de escribir sobre un texto, como las marquesinas horizontales de antaño.
Permite especificar en que elemento de la web secontenedor va a aplicar el efecto y el tiempo de retardo entre la aparición de letra y letra. Tienes una demostración para ver el resultado.
Vía: DZone
Mootools Typewriter Effect Class
SmoothTabs es un sistema de navegación mediante pestañas basado en mootools y que permite realizar transiciones entre diferentes secciones con un efecto muy profesional.
Para usarlo tan solo tenemos que incluir el archivo en la cabecera de nuestro HTML:
[HTML]
[/HTML]
Definir una lista con las distintas secciones a modo de menú:
[HTML]
[/HTML]
Y luego en bloques que se ocultarán automáticamente introducimos el contenido para cada sección:
[HTML]
Esta es la seccion inicial.
Esta es la seccion de portafolio.
[/HTML]
Luego tan solo tendrás que aplicarle los estilos visuales más apropiados para el proyecto.
He publicado una pequeña prueba a modo de ejemplo y en la página oficial dispones de un ejemplo usando el script HistoryManager, que permite usar las teclas de página anterior y siguiente para moverte por las pestañas visitadas.
Yo ya lo estoy incluyendo en mi próximo tema para el blog [que saldrá en breve].
SmoothTabs – Mootools based page transitions
MooFlow es una galería de imágenes realizada en javascript que simula el estilo del visor de carátulas de iTunes de Apple o el Finders CoverFlow™.
Inspirada en ImageFlow y usando las mootools como framework javascript, la nueva versión de esta galería viene con multitud de mejoras:
- Agrupa todas las imágenes dentro de un bloque.
- Se redimensiona automáticamente para ajustarse a la pantalla.
- Opción de ver la galería a pantalla completa.
- Desplazamiento por las imágenes con las flechas de dirección o la rueda del ratón.
- Opción de “autoplay” para pasar las imágenes a modo de presentación.
- Efecto “reflejo” generado por javascript.
- Carga de imágenes mediante un archivo HTML o una consulta JSON.
- Generación automática de la interfaz visual.
- Estilo basado completamente en CSS.
- Pueden ejecutarse múltiples instancias.
Permite además incluir un slimbox para visualizar las imágenes a tamaño completo haciendo doble click sobre ellas, y mostrar un tooltip con información ampliada al situar el ratón sobre la imagen.
Han preparado una página con varios ejemplos y una de documentación bastante completa.
MooFlow – Javascript based Gallery looks like Apple´s iTunes
