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


Visor - Complemento de zoom de imagen simple para Vanilla JS y jQuery

Puede hacer una búsqueda rápida y encontrar docenas de bibliotecas para cajas de luz de imágenes, presentaciones de diapositivas, galerías, lo que quiera.

Una de las bibliotecas más nuevas que me llamó la atención es Viewer. Actualmente en la versión 0.6, todavía es un proyecto en desarrollo, pero el diseño y las características de este plugin de imagen son fenomenales.

Desde la página de inicio, encontrarás una demostración en vivo con varios estilos de imagen. Puede optar por configurar su propia galería para diferentes funciones, como el zoom directo con una sola imagen o una larga presentación de diapositivas que contenga muchas imágenes.

Esto también viene con un "modo en línea" que conecta el visor de imágenes a un elemento en la página. Entonces, cuando el usuario hace clic en una miniatura, ampliará la foto dentro de ese elemento en lugar de hacerlo en la parte superior de la página completa.

Encontrará botones para casi todo: rotaciones, leyendas adicionales y zoom completo 1: 1 para obtener una vista clara de las fotos de alta resolución.

Con unas pocas opciones de JS, usted decide cómo debería funcionar la secuencia de comandos del Visor . ¿No quieres que los visitantes hagan zoom en las imágenes? No hay problema.

También puede desactivar la función de presentación de diapositivas o simplemente desactivar los botones next / prev en la interfaz de usuario. Lo mismo ocurre con las imágenes en miniatura que aparecen cuando la presentación de diapositivas está a la vista.

Además, tenga en cuenta que este script tiene una versión que no es jQuery si prefiere el JS vainilla. Ambos complementos funcionan de la misma manera y ambos están en desarrollo activo. Todo lo que necesita para personalizar esta interfaz se puede encontrar en la página principal de GitHub.

Si eres grande en la codificación de tus propias IU, entonces Viewer es un plugin genial. Ofrece tanto control sobre el comportamiento de cada presentación de diapositivas que puede reestructurarlo en casi cualquier cosa que desee.

Los desarrolladores web tendrán un día de campo trabajando con todas las opciones en este script de imagen gratuito.

Nuevos recursos para desarrolladores web - septiembre de 2017

Nuevos recursos para desarrolladores web - septiembre de 2017

Hay una serie de empresas de código abierto que se unen para proporcionar recursos web útiles y herramientas para que todos puedan usar de forma gratuita . Esto es lo que hace que la comunidad web prospere, innove y produzca recursos más útiles.En esta entrega de la serie Fresh Resources, he reunido varios recursos nuevos de varias categorías, incluida una aplicación que te permite administrar complementos de Sketch en diferentes computadoras, una colección de fuentes icónicas para tu nerd soul, un par de aplicaciones de escritorio y un puñado de otros Permite verlos uno por uno.Haga cli

(Consejos de tecnología y diseño)

El marco Scooter de Dropbox hace que el desarrollo Sass sea aún más fácil

El marco Scooter de Dropbox hace que el desarrollo Sass sea aún más fácil

Todos conocemos los marcos de CSS y el poder que ofrecen a los desarrolladores. Pero, ¿qué pasa con los marcos de SCSS que se relacionan con el flujo de trabajo de Sass ?No hay muchos de estos marcos, pero Scooter es una buena excepción. La mantiene la gente de Dropbox y funciona igual que un framework de interfaz de usuario frontend, pero con una advertencia: todo está basado en SCSS . El

(Consejos de tecnología y diseño)