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


Cree burbujas de voz en la página con Popper.js

Todo el mundo conoce información sobre herramientas y hay docenas de recursos gratuitos para ayudarlo a realizarlos. Sin embargo, las burbujas de mensaje personalizado o "poppers" también son muy útiles.

No se limitan a los eventos de desplazamiento, por lo que pueden aparecer en la página de manera consistente y solucionar otros comportamientos de los usuarios.

Si está buscando crear estos poppers de burbujas de diálogo en su sitio, entonces Popper.js es la mejor opción. Es un complemento gratuito de código abierto alojado en el sitio web oficial de js.org.

Encontrará estos consejos sobre burbujas en muchos sitios web que tienen interfaces complejas. A veces ofrecerán consejos rápidos, tutoriales y consejos de incorporación para las personas nuevas en la interfaz.

Con Popper.js, no necesita esperar a que el usuario pase el mouse para crear una información sobre herramientas. En su lugar, puede obligar a un popper a aparecer en cualquier lugar, cualquier tamaño, cualquier color, con posicionamiento dinámico .

Mira la página de demostración de Popper.js para ver a qué me refiero. Viene con una amplia gama de funciones de posicionamiento que le permiten voltear automáticamente la posición del popper en función de la ubicación de la pantalla.

A medida que el usuario se desplaza por la página, puede perder la burbuja popper. Con este complemento, puede forzarlo a la vista volteándolo hacia arriba (o hacia abajo), dependiendo de la dirección de desplazamiento del usuario.

Usted tiene control total sobre los límites, las posiciones de las flechas, los colores de información sobre herramientas y mucho más. Sin mencionar que este complemento es magnífico y totalmente extensible si deseas agregar tus propias características a la mezcla.

Todo el código fuente está disponible de forma gratuita en GitHub si quieres verlo.

Para comenzar, eche un vistazo a la página de documentación para obtener una guía completa. Esto le indica qué scripts necesitará, cómo configurar un popper personalizado y cómo configurar las diferentes opciones de visualización. Aunque, el mejor recurso es la página principal Popper.js, con demostraciones en abundancia y muchas muestras de código.

Si desea leer más sobre desarrollo, consulte esta publicación de blog escrita por el creador Federico Zivolo.

Animación CSS3: creación de una salida de ventilador con efecto de rebote con Bezier Curve

Animación CSS3: creación de una salida de ventilador con efecto de rebote con Bezier Curve

¿Sabía que las transformaciones geométricas agregadas a los elementos HTML con la propiedad de transform CSS, como la escala, la inclinación y la rotación pueden ser animadas? ? Se pueden @keyframes utilizando la propiedad de transition y animaciones de @keyframes, pero lo que es aún más @keyframes es que las transformaciones animadas pueden tomarse una muesca con la adición de un pequeño efecto de rebote, usando la función de temporización cubic-bezier() .En pocas p

(Consejos de tecnología y diseño)

Cómo agregar fragmentos de código personalizado a Atom

Cómo agregar fragmentos de código personalizado a Atom

No es una coincidencia que Atom, el editor de código fuente creado por Github, sea popular en la comunidad de desarrollo web. No solo es extensible fácilmente con miles de paquetes Atom, y tiene un amplio soporte de idiomas, pero casi todas sus partes son personalizables por el usuario.Al aprovechar la función de fragmentos de Atom, puede hacer que su flujo de trabajo de codificación sea más productivo, ya que mediante la reutilización de fragmentos de código recurrentes puede reducir la parte repetitiva de su trabajo. En es

(Consejos de tecnología y diseño)