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


Hacer mejores imágenes progresivas cargando con antiModerado

El script AntiModerate puede no parecer mucho. Pero es uno de los mejores scripts de JS que puede ejecutar para mejorar el rendimiento en una página más grande y mantener una sólida experiencia de usuario.

Con este complemento gratuito, puede cargar imágenes cuando aparecen a la vista y reducir el tamaño total de la página.

De esta forma, la página completa se puede cargar primero con pequeños marcadores de posición para las imágenes. Luego, los visitantes navegan de forma natural sin esperar a que se carguen todos los activos, lo que siempre es bueno desde la perspectiva del usuario.

Así es como funciona esto: agrega el complemento AntiModerate a su página junto con el script StackBlur.js.

AntiModerate extrae las dimensiones de la imagen y fuerza a todas las etiquetas img a un tamaño fijo en la página. Estas imágenes precargadas se envían a través de StackBlur.js, lo que reduce drásticamente el tamaño total del archivo de vista previa y, por lo tanto, carga la página mucho antes.

Una vez que estas imágenes más pequeñas están en su lugar, AntiModerate carga las imágenes de tamaño completo en el fondo. Cada foto borrosa se reemplaza con la foto normal una vez que se termina de descargar. ¡Fácil!

Esto ahorra un montón de tiempo esperando imágenes y ayuda a que su página cargue mucho más rápido. Es un gran beneficio para los usuarios, ya que pueden comenzar a consumir contenido antes, y beneficia a su clasificación SERP, ya que a Google le preocupa mucho la velocidad de la página.

Puede instalar la biblioteca directamente con npm o Bower, o tirando de la secuencia de comandos a través de GitHub.

Esto solo requiere unas pocas líneas de JavaScript y es seguro que ayudará a mejorar la carga de su página. Echa un vistazo al repositorio de GitHub y desplázate hacia abajo a la guía de configuración para comenzar.

Con solo unas pocas líneas de código, AntiModerate debería ser una obviedad para ejecutar en cualquier página.

Sin mencionar que esto se ejecuta en JavaScript puro, por lo que no requiere ninguna dependencia como jQuery para funcionar.

Hover.css - Biblioteca CSS3 con más de 40 efectos de desplazamiento

Hover.css - Biblioteca CSS3 con más de 40 efectos de desplazamiento

Cuando se trata de tratar de atraer la atención de los usuarios, hay muchas maneras de lograrlo. Para casos especiales, el vuelo estacionario es una excelente manera de llamar la atención sobre un enlace o botón. Normalmente, el control deslizante funciona cambiando el color del elemento o el estado del degradado cuando los usuarios mueven sus cursores sobre él. Pe

(Consejos de tecnología y diseño)

Comenzando con AngularJS

Comenzando con AngularJS

De vez en cuando surge una nueva herramienta y justo cuando apareció de repente, se filtra al olvido. No AngularJS sin embargo. Si bien ha existido desde 2009 desde su creación por Misko Hevery, AngularJS ha estado llamando mucho la atención en los últimos meses .La gente está hablando de eso, los desarrolladores lo han estado integrando en sus trabajos, y los autores han estado escribiendo sobre él y ganando mucho dinero. Ento

(Consejos de tecnología y diseño)