• Publicidad
  • Contacto
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
No Result
View All Result
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
No Result
View All Result
Pixelco Tech Blog
No Result
View All Result

Morfh Effect – Efectos mouseover con Mootools

Diego CambiasoporDiego Cambiaso
06/03/2018
enDesarrollo/programación, Diseño
min. lectura2 min
0

Con bibliotecas como jQuery y Mootools podemos crear y potenciar la interfaz de las aplicaciones de nuestros desarrollos, logrando enriquecer la experiencia del usuario sin tener que renunciar a los estándares y comprometer la usabilidad (o por lo menos, mucho menos que si usáramos Flash).

Un ejemplo de un vistoso efecto es el tutorial que publican en web-kreation.com sobre usar la biblioteca Mootools para hacer un fecto mouseover: Morph Effect on mouseenter/mouseleave with Mootools 1.2.

Morph Effects Mootools

EntradasRelacionados

Cómo hacer una infografía con Venngage

WixCode una moderna herramienta para desarrollo web

Este efecto consiste en mostrar un desplazamiento de un gráfico, similar al de una barra indicadora de progreso sobre un enlace cuando pasamos el puntero del ratón sobre dicho enlace.

Los ejemplos se pueden descargar para usarlos en nuestros desarrollos y también es bastante fácil de agregar a nuestros proyectos porque la documentación muestra todos los pasos bien detallados sobre su implementación (en inglés). Para ver exactamente en que consiste, podemos visitar las demostraciones que están disponibles en su website.

Personalmente me parece que el efecto es muy vistoso y hace que el resultado final, sea una nuestra interfaz mucho agradable y divertida.

Sitio/descargar: web-kreation.com/index.php/tutorials/morph-effect-on-mouseenter-mouseleave-with-mootools-12

Demo: Morph Effects with Mootools

Vía: www.visual-blast.com

Tags: bibliotecacodigocrearDesarrolloDiseñoefectosimplementarinterfazlibreriaMooToolsscriptTutoriales

Suscribirse para recibir las últimas actualizaciones de Pixelco.

Cancelar suscripción
Diego Cambiaso

Diego Cambiaso

Desarrollador de software egresado de la Universidad Católica de Argentina y fotógrafo. Blogger desde hace más de 13 años, creador de Pixelco Tech Blog. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

RelacionadoEntradas

Cómo el UX ayuda a proteger la privacidad en línea

30/11/2020
Venngage - Herramienta online - Interfaz

Cómo hacer una infografía con Venngage

05/04/2019
Imac retina 5k con 1TB

Los mejores gadgets para diseñadores

27/09/2016
El tutorial ‘Minecraft’ Hora del Código tiene como objetivo introducir a millones de jóvenes a la creatividad de la informática

Tutorial de codificación Minecraft para los estudiantes y educadores

20/11/2015

motorola razr – Experiencia de uso & Tips

https://www.youtube.com/watch?v=C6QnGo-HZw0

Vivo Y50 Review

https://www.youtube.com/watch?v=H2urBEMmHJc&ts

The Sero

https://www.youtube.com/watch?v=Za5_Lbpr5aA

Lenovo Ideapad Gaming 3

https://www.youtube.com/watch?v=y6rJ0R3T-Eg

Ecosistema de Samsung

https://www.youtube.com/watch?v=vmPx0yT1XUk&t=6s

Familia Moto One Fusion

https://www.youtube.com/watch?v=J5eA3d6QEfk

Pixelco Tech Blog

Pixelcoes sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Sobre Pixelco

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

Pixelco Tech Blog

  • Contacto
  • Pixelco
  • Pixelco entradas
  • Política de Privacidad
  • Publicidad
  • Sobre Pixelco
Pixelco Tech Blog - Desde 2006

© 2020 Pixelco Tech Blog - Internet & Tecnología - Por Diego Cambiaso.

  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2020 Pixelco Tech Blog - Internet & Tecnología - Por Diego Cambiaso.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies Política de privacidad.