es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Cree Lightbox de página completa receptiva y hermosa con BaguetteBox.js

Hay docenas de complementos de lightbox y todos son geniales por diferentes razones . Algunos funcionan mejor en sitios de cartera, mientras que otros son mejores para diseños receptivos.

Pero, uno de mis nuevos plugins favoritos para usar es baguetteBox.js, creado por el desarrollador de JavaScript Marek Grzybek.

Por supuesto, este plugin es totalmente gratuito y de código abierto en GitHub si quieres profundizar en el código manualmente.

La biblioteca no tiene dependencias, por lo que puede ejecutarla sin jQuery, Zepto o cualquier otra cosa. Es una biblioteca de JavaScript pura con una configuración realmente simple .

Está diseñado para funcionar perfectamente en dispositivos móviles, por lo que puede admitir golpes y toques, junto con el comportamiento predeterminado en computadoras de escritorio y portátiles. Es una de las pocas galerías de pantalla completa que admiten interacciones móviles, junto con un efecto modal completo .

Mira la página de demostración para verla en vivo en acción. Tiene una galería con todas las funciones, junto con la línea de código necesaria para que funcione :

 baguetteBox.run ('. baguetteBoxOne'); 

Por lo tanto, esto se dirige a un elemento contenedor con la clase .baguetteBoxOne y toda la galería funciona a partir de eso.

Puede configurar opciones personalizadas si desea elementos como subtítulos, estilos de botones, funciones de precarga y métodos de devolución de llamada para eventos onclick / onchange. Todas estas opciones están bien documentadas en GitHub si quieres bucear.

Pero, realmente no se necesita mucho para ir más allá de un elemento contenedor y algunos elementos básicos de la imagen.

Usted tiene control total sobre las animaciones, los tamaños de imagen, los efectos de deslizamiento y el contenido de la galería, como títulos / subtítulos. Esto requiere JavaScript, por lo que no tiene una alternativa pura de CSS a la modal. Pero, como la mayoría de los navegadores admiten JavaScript, no debería ser un problema.

Para obtener más información, visite la página principal de baguetteBox.js y también puede compartir sus ideas con el creador en Twitter @feimosi.

Este video malicioso hace que los dispositivos iOS se cuelguen

Este video malicioso hace que los dispositivos iOS se cuelguen

Los propietarios de dispositivos iOS pueden desear tener mucho cuidado con los enlaces que reciben, ya que los usuarios informan que se está produciendo un video que bloqueará los dispositivos iOS cuando se visualicen a través de Safari .Reportado por primera vez en reddit, parece que este video MP4 en particular causa una pérdida de memoria de algún tipo que eventualmente resultaría en un dispositivo congelado una vez visto a través del navegador Safari.Este v

(Consejos de tecnología y diseño)

Detecta cuando un mouse sale de la ventana con Glio.js

Detecta cuando un mouse sale de la ventana con Glio.js

¿Cuántas veces cierra una pestaña y observa una ventana modal que le pide que se quede ? Esto parece un lugar común hoy en día y se hace por una razón: ¡funciona!Puede generar un efecto similar utilizando la biblioteca Glio.js. Es una secuencia de comandos JS de fuente abierta para detectar cuándo el cursor del mouse del usuario se acerca al borde o cuando sale de la ventana del navegador .Esto se

(Consejos de tecnología y diseño)