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


Cómo expandir miniatura como Google Images

Google Images ejecuta una interfaz de usuario única con vistas previas en miniatura de muchos sitios web diferentes . Al hacer clic en cualquiera de estas miniaturas, se amplía la pantalla con más detalles y una imagen más grande.

Es una de las mejores características de la galería de imágenes que he usado y ahora puedes clonarla con Gridder.js .

Este plugin de jQuery gratuito sigue los pasos del increíble UX de Google al crear un complemento que combina con este efecto. Puede convertir cualquier galería de fotos en una galería de estilo Google Images con todas las mismas animaciones y funciones de visualización.

Estoy gratamente sorprendido por la velocidad y la facilidad de uso que ofrece este complemento. Simplemente haciendo clic en cualquier miniatura inmediatamente se muestra una imagen más grande y las animaciones son súper limpias.

Las imágenes incluyen una sección de texto descriptivo en caso de que quiera agregar algunos detalles o enlaces relacionados con las imágenes. Esto funciona especialmente bien para sitios simples de cartera con el objetivo de enfocarse en las imágenes.

Además de eso, también puedes extraer contenido a través de Ajax . Esto le permite crear miniaturas dinámicas que extraen contenido de otros sitios web o mediante API.

Cada evento de clic ofrece un método de devolución de llamada, por lo que incluso puede ejecutar otros complementos o funciones de JavaScript junto con Gridder. Con tantas opciones, ¡prácticamente se siente como un marco de grilla completo!

Como Gridder se ejecuta en jQuery, requiere la versión más reciente como dependencia. Pero eso es todo lo que necesita (junto con el archivo Gridder.js), y con unas pocas líneas de HTML, puede hacer que su red funcione sin problemas.

Debería consultar la página de GitHub para obtener instrucciones de configuración completas, pero aquí hay una vista previa rápida de cómo se ve el HTML:

El contenido va aquí ...

Todo el contenido se maneja a través de JavaScript, por lo que puedes cargar prácticamente todo lo que desees.

Es un complemento increíblemente versátil con opciones para cambiar la velocidad de la animación, la relajación, el estilo de botón de cierre y la posición de desplazamiento de desplazamiento para cuando el usuario haga clic en una nueva miniatura.

Tanto los desarrolladores principiantes como los novatos encontrarán mucho valor en este complemento. Sin embargo, si todavía no está seguro de si esto es para usted, eche un vistazo a la página de demostración en vivo de Gridder y juegue.

Colección de mapas de David Rumsey: la base de datos de mapas en línea más grande de la que nunca has oído hablar

Colección de mapas de David Rumsey: la base de datos de mapas en línea más grande de la que nunca has oído hablar

Google Maps y GPS nos han hecho más fácil que nunca viajar por el mundo en busca de nuevas aventuras. Pero antes de que toda esta tecnología se convirtiera en realidad, los exploradores enfrentan nuevas fronteras usando mapas detallados que son tan atractivos como inexactos.Y ningún otro lugar en Internet le dará acceso a mapas que harán que los historiadores, geógrafos y cartógrafos estén más entusiasmados que la colección de mapas de David Rumsey.Con más de

(Consejos de tecnología y diseño)

Crear menús deslizantes Easy Sliding con jQuery Slidebars Framework

Crear menús deslizantes Easy Sliding con jQuery Slidebars Framework

Los diseñadores de UX discuten sobre el uso de los menús de hamburguesas en el diseño web. Sirven un propósito para los usuarios de dispositivos móviles pero también tienen una menor capacidad de detección .No puedo decir si valen la pena utilizar en su sitio web o no, pero si está buscando una manera fácil de configurar un menú deslizante, entonces el Marco de barras de desplazamiento es un recurso útil.Slidebars

(Consejos de tecnología y diseño)