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


Cree sus propios efectos de desplazamiento de página con Roll.js

Puede encontrar docenas de bibliotecas de desplazamiento en toda la web. La mayoría están escritos en JavaScript y tienen sus propios efectos; puedes cambiar de estilo para diseños de una sola página, animaciones con desplazamiento y mucho más.

Pero, ¿qué hay de codificar tus propios efectos de desplazamiento ? ¿O qué pasa si solo desea una forma simple de rastrear qué tan abajo en la página se desplazó un usuario?

Roll.js es la biblioteca que estás buscando. Este script de código abierto es muy pequeño y muy fácil de usar . Puede hacer que esto funcione con unas pocas líneas de JavaScript. Y lo mejor de todo es que no te obliga a realizar nada específico, sino que te brinda las herramientas para crear tus propias funciones de desplazamiento personalizadas.

El objetivo de esta biblioteca es ayudar a los desarrolladores a estructurar sus efectos de desplazamiento sin mucho esfuerzo.

Si echas un vistazo al repositorio principal de GitHub, encontrarás una guía de configuración completa con algunos ejemplos de fragmentos. Puede ejecutar funciones para llamar a lo lejos que el usuario se desplaza, o a diferentes "paneles" en la página.

Funcionan mejor en diseños de una sola página, pero puede usar Roll.js por tanto.

Con una sola llamada de función puede extraer datos con cada desplazamiento que incluye:

  • Pasos totales de la página (si corresponde).
  • % Total desplazado hacia abajo página.
  • Posición actual en la página en píxeles.
  • Altura total de la ventana gráfica basada en el tamaño del dispositivo.

Esto también funciona con enlaces de salto que llevan a los usuarios hacia abajo (o hacia arriba) a ciertas partes de la página.

Pero también puedes encontrar muchas de estas características en otras bibliotecas. ¿Qué hace que Roll.js sea tan especial?

Parte de esto es la sintaxis, pero el gran vendedor aquí es el tamaño total de la biblioteca de 8 KB cuando se minimiza. ¡Eso es bastante pequeño para una biblioteca de desplazamiento tan detallada!

Puedes ver cómo funciona esto en la página de demostración principal e incluso puedes descargar el código fuente de Roll.js para profundizar en esas demostraciones .

Todo, desde las demostraciones en vivo y los archivos de la biblioteca en bruto, se pueden extraer de GitHub y son muy fáciles de usar.

Pero si tiene alguna pregunta, sugerencia o quiere compartir su agradecimiento por la impresionante biblioteca, puede enviar un mensaje al creador @williamngan.

Cómo habilitar el radio de borde CSS3 en Internet Explorer 8 y debajo

Cómo habilitar el radio de borde CSS3 en Internet Explorer 8 y debajo

CSS3 nos da la capacidad de crear esquinas redondeadas con la propiedad border-radius . Pero como ya sabrá, esta nueva característica no se reconoce en Internet Explorer 8 (IE8) y sus versiones anteriores. Por lo tanto, cuando aplica CSS3 Border Radius a un elemento, sigue apareciendo como un cuadro con consejos puntiagudos.P

(Consejos de tecnología y diseño)

20 Términos de la industria de diseño web para Clueless Clueless

20 Términos de la industria de diseño web para Clueless Clueless

En la industria del diseño web, utilizamos muchos términos internos . Esto no solo hace que sea difícil comenzar para los recién llegados, especialmente los clientes que no están involucrados en la industria del diseño, pero comunicar su significado correctamente a veces puede ser todo un desafío.En est

(Consejos de tecnología y diseño)