Mootools InputMask es un script que utiliza la biblioteca Javascript Mootools y que permite crear una máscara de entrada de datos; esto es por ejemplo, al ingresar un hora, sólo se escriben los números y el script se encarga de darle el formato de notación horaria adecuada. Sigue…
Desarrollo, Diseño, Internet, Javascript, Recursos, Software libre, Tutoriales
No me gusta usar, en la medida de lo posible, tecnología Flash en mis desarrollos y desde hace unos años, cuando es necesario por requerimiento del proyecto usar algún efecto o animación, suelo hacerlo con Script.aculo.us; esta hace uso de otra biblioteca, Prototype.
En mi caso suele ser un recurso muy sencillo, rápido y faćil de implementar, logrando en pocos minutos buenos efectos y sin comprometer la usabilidad del la página. Sigue…
Accesibilidad, CSS, Desarrollo, Diseño, Especial, Internet, Javascript, Recursos, Software libre, Tutoriales, Usabilidad
Existen muchas formas de mostrar una ayuda, un mensaje o cualquier otro tipo de información que requiera llamar la atención del usuario. Un forma vistosa es usar un tooltip, estos son esas pequeñas burbujas que generalmente contienen textos y que definitivamente, son un recurso visual, mucho más elegante que los diálogos tipo alert que se pueden crear con Javascript.
Panoramic Photoviewer in javascript es un recurso que nos permite implementar un visor de imágenes panorámicas. Cuando posamos el puntero del mouse sobre esta, la imagen se desplazará según lo movamos, a la derecha o izquierda.
Gaya Design publica este tutorial (en inglés) que explica paso a paso cómo: suavizar el movimiento de la imagen, el movimiento horizonal desde un menú, desplazamiento sólo moviendo el cursor, etc.
Photonav Showcase - Ejemplo
Todavía recuerdo cuando prácticamente, queríamos mostrar unas imágenes con algún efecto visual o ponerle algún grado de dinamismo, teníamos que usar Flash. A la larga lista de recursos que nos permiten implementar slideshows o presentaciones de imágenes, pero con estilo, hay que agregar Ferdinand.Slider.
Ferdinand.Slider es una extensión Prototype con la que podemos implementar slideshows. Basta sólo con ver la documentación, para darse cuenta de lo sencillo que es crear en nuestros proyectos una presentación con este script.
La verdad es que no se me ocurría usar en un proyecto alguna librería que me permitiera implementar algo similar al efecto Lightbox. Este ha sido usado hasta el hartazgo (y sigue siendo usado ampliamente) y su funcionalidad es imitada por múltiples librerías que ofrecen alguna variación de este efecto.
Por eso una interesante alternativa, simple y elegante es Zoomy.js. Se trata de una clase Prototype que permite crear una galería de imágenes. Esta se puede usar en ampliaciones de imágenes simples con varias opciones de personalización o como un popup y/o como unas ventanas superpuestas que se pueden arrastrar.
Zoomy.js es una opción que se caracteriza por: