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.

Crea hermosas presentaciones fácilmente con Slidebean

Crea hermosas presentaciones fácilmente con Slidebean

Las presentaciones son parte integrante de nuestras vidas. Ya sea que se trate de una tarea universitaria, una reunión mensual de ventas o lanzar un producto a inversores potenciales, una presentación tiene que verse bien y tener un gran contenido . Pero siempre hay momentos en los que es difícil, si no imposible, equilibrar los dos. T

(Consejos de tecnología y diseño)

Practique la programación con Repl.it: un IDE basado en navegador y compilador

Practique la programación con Repl.it: un IDE basado en navegador y compilador

Sin embargo, configurar el entorno de ejecución local puede ser un verdadero dolor para los principiantes. Esto a menudo requiere la línea de comandos, que es genial para aprender sobre la marcha, pero al principio puede parecer una barricada.Con Repl.it, puede practicar la codificación de cualquier lenguaje compilado en su navegador desde Python a C ++ o incluso Swift para aplicaciones de iOS.Es

(Consejos de tecnología y diseño)