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


Cree diseños de cuadrícula de mampostería rápida con Bricks.js

Siempre ha sido muy simple crear grillas con jQuery, usando complementos y tutoriales gratuitos de los desarrolladores.

Sin embargo, las cuadrículas de mampostería son más difíciles de construir, ya que no encajan de manera uniforme en toda la página . Tendrás anchos de tamaño fijo para las columnas, pero las alturas de los artículos pueden variar enormemente .

Para crear una cuadrícula de mampostería perfecta para píxeles, necesita un complemento como Bricks.js .

Este plugin es totalmente de código abierto y ridículamente rápido. Hará la cuadrícula en menos de medio segundo, incluso con docenas de elementos en la página.

La mayoría de las personas reconocen las redes de mampostería de Pinterest desde que popularizaron el diseño. Pero, desde entonces ha crecido para ser utilizado en muchos otros sitios web .

Para comenzar con Bricks.js, necesitará algo de contenido y un diseño de página predeterminado . Instalas el complemento directamente desde npm o a través de GitHub si es más fácil.

Con la configuración inicial, pasas tres parámetros específicos :

  1. Contenedor - un elemento contenedor DOM para la grilla
  2. Empaquetado : un atributo que determina cómo fluyen los artículos en la cuadrícula
  3. Tamaños : un conjunto de anchos y canaletas, definidos en píxeles

El complemento utiliza todos estos valores para automatizar la cuadrícula de mampostería desde cero.

Y, incluso puede usarlo para cargas infinitas si quiere mallas que funcionen como Pinterest.

Echa un vistazo a la página de demostración de una grilla interactiva que puedes modificar para probar. Usted define la cantidad total de elementos y automatizará el proceso mientras visualiza el tiempo total de representación.

Por ejemplo, probé una grilla con 500 elementos y solo tardó 13 milisegundos en completarse. Esto no tiene en cuenta el tiempo de carga de todas las 500 imágenes, pero 13 ms para una grilla autogenerada es muy impresionante.

Comience usted mismo descargando los archivos de GitHub y siguiendo las instrucciones de instalación. Esto puede parecer confuso al principio, pero cuanto más juegues con él, más fácil será configurarlo.

GraphicsJS le permite crear cualquier gráfico web que pueda imaginar

GraphicsJS le permite crear cualquier gráfico web que pueda imaginar

Las API de JavaScript personalizadas son el futuro de la web. El movimiento de fuente abierta junto con los gráficos SVG han abierto las posibilidades para los desarrolladores web.GraphicsJS es una biblioteca de código abierto y una API JS para crear gráficos personalizados en navegadores web. Se puede usar como una herramienta de visualización para graficar datos, o se puede usar para hacer cosas geniales solo para presumir . En

(Consejos de tecnología y diseño)

Cómo instalar WordPress localmente con Vagrant

Cómo instalar WordPress localmente con Vagrant

Desarrollar localmente es una de las mejores cosas que te puede pasar. No solo le permite prescindir de los tiempos de carga / descarga, puede crear tantos proyectos como desee, trabajar con dominios reales a nivel local y, en general, acelerar todo lo que hace .Vagrant es una gran pieza de software que crea máquinas virtuales reproducibles y portátiles que puede usar como entornos de servidores web locales.

(Consejos de tecnología y diseño)