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.

Cómo crear un logotipo de fuente RSS con CSS3

Cómo crear un logotipo de fuente RSS con CSS3

Este artículo es parte de nuestra "serie de tutoriales de HTML5 / CSS3", dedicada a ayudarlo a ser un mejor diseñador y / o desarrollador. Haga clic aquí para ver más artículos de la misma serie. El logotipo de RSS es uno de los logotipos más utilizados en diseño web, debido a la función a la que se refiere. Viste

(Consejos de tecnología y diseño)

20 sitios web para vender y publicar tus libros electrónicos

20 sitios web para vender y publicar tus libros electrónicos

"Si eres bueno en algo, nunca lo hagas gratis" es el diálogo más famoso de la película The Dark Knight, y es algo en lo que creo completamente. Si eres un experto en un área determinada, no hay nada malo en compartir tu conocimiento para ganar dinero. Y en el mundo actual propenso a Internet, una buena forma de hacerlo es escribir y vender un libro electrónico.Todo

(Consejos de tecnología y diseño)