Craftyman Blog

Link Nudging con Mootools y jQuery

Link nudging realiza un efecto de animación muy bueno para enlaces, cuando el mouse esta sobre el enlace, lo lanza a la derecha y cuando se quita el mouse regresa a su posición original. Este ejemplo se realizara con dos librerías muy usadas, Mootools y jQuery. Ejemplo con jQuery 1.2.6 Primero tienes que descargar esta versión de jQuery [...]

Continue reading...

Mootools - Fancy Show and Hide

En este tutorial muestro como ocultar y mostrar elementos (show and hide) de manera animada con Mootools. Primero haremos un ejemplo básico y luego el avanzado. Antes que nada tendremos que incluir la librería Mootools para comenzar a implementar esta funcionalidad, para este ejemplo estoy usando la versión 1.2.0 <script src="mootools.js"></script> Ejemplo básico: Incluiremos este script en el head para [...]

Continue reading...

Multibox con Mootools

Multibox es una librería que nos sirve para poder crear nuestra galería ya no solo de fotos, el multibox soporta distintos tipos de formato multimedia, como: flash (flv), video(mov,wmv), mp3, html. En este tutorial les explico como utilizar esta util herramienta para hacer una galería Primero: Incluir los javascript y hojas de estilo <link href="multibox.css" type="text/css"/> <script src= "mootools.js" ></script> <script [...]

Continue reading...

TextboxList con Autocompleter

Si tienes una cuenta en Facebook te habras dado cuenta al enviar mensajes a tus amigos de la forma en que puedes agregar nombres y estos se autocompletan y forman botones con opciones de eliminar, todo esto dentro de un “TextboxList”. Un TextboxList es una lista aplicada con estilos la apariencia de un textbox, voy a [...]

Continue reading...