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


SimpleLightbox - Lightbox de imagen amigable al tacto que también admite WordPress

Los sitios de portafolio, publicaciones de blog e incluso sitios sociales usan lightboxes. Son útiles para mostrar contenido más grande sin ocupar más espacio en la página .

Pero no hay ninguna razón para construir el suyo desde cero cuando hay tantos scripts gratuitos en línea. Uno de mis nuevos favoritos es SimpleLightbox, diseñado para ser 100% de código abierto y móvil que se ejecuta en todos los dispositivos .

Todas las miniaturas de imágenes y los enlaces de navegación lightbox admiten comportamientos táctiles para que los usuarios puedan navegar por el contenido desde cualquier teléfono inteligente o tableta.

Desde la página de inicio, puede encontrar enlaces al repositorio oficial de GitHub, el complemento oficial de WordPress y la extensión oficial de TYPO3.

Esta biblioteca es enorme y es, con mucho, una de las mejores galerías de lightbox que encontrarás. Utiliza un diseño de caja de luz real que agrega una pequeña superposición en la parte superior de la página cuando se ve una galería.

Cada imagen en miniatura aparece a la vista junto con flechas para navegar a través de toda la presentación de diapositivas. Pero puede incluir funciones adicionales utilizando la API de SimpleLightbox . Hay una tabla completa de características en la documentación y estas son algunas de mis favoritas:

  • Texto de navegación
  • Leyendas de las imágenes.
  • Tamaños de relación de imagen.
  • Función de deslizar para cerrar.
  • Estilos de animación personalizados.
  • Hilanderos de carga opcionales.

Además, esta biblioteca le permite ejecutar funciones de devolución de llamada siempre que el usuario haga clic para abrir una galería, pase a una nueva imagen o realice cualquier otra acción común.

Todos estos métodos están documentados en el sitio principal, incluidos ejemplos en vivo en el código fuente de GitHub . Puede extraer una copia utilizando Bower o Yarn como herramienta de administración de paquetes, aunque GitHub puede ser un método más fácil si no está familiarizado con la línea de comando.

De cualquier manera, esta biblioteca es más que impresionante. Puede funcionar increíblemente bien en sitios de carteras personales o corporativas para mostrar su trabajo con soporte de pantalla táctil.

Para obtener más información, echa un vistazo a la página principal de SimpleLightbox y descarga una copia del script de GitHub.

Bibliotecas de JavaScript para efectos de desplazamiento en frío

Bibliotecas de JavaScript para efectos de desplazamiento en frío

El diseño de un sitio web cobra vida con una animación bien ejecutada. Si está buscando las bibliotecas adecuadas para agregar efectos a su proyecto, aquí he hecho una lista de algunas de las bibliotecas que puede usar para dar efectos basados ​​en el evento de desplazamiento .Cuando un usuario se desplaza hacia abajo en su página web, la acción puede diseñarse para desencadenar una variedad de opciones de animación, como efectos de fundido, desenfoque, 3D, paralaje y más. Aquí hay 25

(Consejos de tecnología y diseño)

Cómo crear un catálogo con "Solicitud de precio" usando WooCommerce

Cómo crear un catálogo con "Solicitud de precio" usando WooCommerce

WooCommerce ofrece una excelente manera de mostrar sus productos y hace que sea muy fácil para sus clientes comprar y administrar sus pedidos . A veces, sin embargo, es posible que no desee vender sus cosas, sino simplemente exhibirlas.En este artículo, le mostraré cómo crear fácilmente un catálogo impresionante y proporcionar una opción de solicitud de precio utilizando solo las opciones inherentes de WooCommerce y algunos fragmentos de personalización bastante básicos.¿Por qué

(Consejos de tecnología y diseño)