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


Cómo acercar imágenes como medio

La plataforma de blogs Medium usa un efecto de zoom de imagen personalizado en sus páginas de blog. Cada vez que el usuario haga clic en una imagen, se acercará automáticamente a un tamaño mayor.

Es un gran efecto y ciertamente exclusivo de Medium, pero nunca fue algo que pudiera copiarse fácilmente.

Ahora, con el script MediumLightbox, es más fácil que nunca. Esta secuencia de comandos JS es liviana y fácil de agregar a cualquier sitio web o blog.

Si desea ver cómo funciona esto, puede visitar la página de demostración en vivo presentada por el creador Davide Calignano.

Pasó un tiempo clavando la transición exacta y el efecto de animación personalizada para crear una imagen reflejada del zoom de la imagen de Medium . Toda la biblioteca está escrita en JavaScript puro, por lo que no se basa en ningún script de terceros, como jQuery.

Tendrá que saber un poco de JS para configurarlo, pero ciertamente no necesita ser un experto.

Cada imagen puede tomar atributos data- * para establecer el alto y el ancho de tamaño completo, todos los cuales se extraen dinámicamente del plugin lightbox. El código de configuración es muy simple y puede enfocarse en las imágenes mismas o en contenedores como el

elemento .

Aquí está el fragmento de código único que necesita para ejecutar el complemento:

 MediumLightbox ('figure.zoom-effect'); 

Dentro de la función, pasará un selector para todos los elementos (por ejemplo,

) con la .zoom-effect . Esta clase se define específicamente en la hoja de estilo MediumLightbox, por lo que es mejor usar esto también en su página.

Y, una vez que está configurado, ¡estás listo!

En el área de contenido de su página, puede envolver todas las imágenes en un
etiqueta usando esta clase. Obtendrán automáticamente este apreciado efecto de clic medio para ampliar tanto para usuarios de escritorio como para dispositivos móviles .

Para descargar una copia de este script y comenzar, solo visite el repositorio principal de GitHub. Aquí también encontrará documentación junto con fragmentos de código que puede copiar para configurarlo rápidamente.

Busque Emojis con su teclado en la Web de WhatsApp

Busque Emojis con su teclado en la Web de WhatsApp

Los usuarios frecuentes de WhatsApp Web probablemente estén conscientes de que WhatsApp viene con una extensa biblioteca de emojis . Desafortunadamente, elegir un emoji específico de la lista completa puede ser bastante tedioso ya que implica navegar a través de todo el conjunto de emojis.Afortunadamente, hay una manera más fácil para que elijas el emoji que deseas de toda la biblioteca, y la mejor parte es que solo necesitarás usar el teclado para que funcione.Para

(Consejos de tecnología y diseño)

Hashtagging en redes sociales: una guía para usarlas correctamente

Hashtagging en redes sociales: una guía para usarlas correctamente

Chris Messina comenzó la revolución de los hashtag con su infame tweet "¿cómo te sientes acerca de usar # (libra) para grupos? Como en #barcamp [msg]? "En agosto de 2007. Una idea inspirada en el IRC, el sistema hashtag, recibió críticas de que era demasiado técnico para que las masas lo entendieran.Pero e

(Consejos de tecnología y diseño)