Optimización de cómo el espacio se utiliza en una pantalla es un componente clave de un buen diseño web, y sobre todo de diseño sensible.
Hay un número de maneras de abordar este tipo de desafío, y uno de los más populares es auto-organización de los elementos dentro de un contenedor primario. Es eficiente, y cuando está bien ejecutado, crea un diseño que es a la vez atractivo visualmente y funcionalmente óptimo.
Si usted está diseñando un sitio sensible, es casi seguro encontrar la necesidad de reorganizar el contenido de forma dinámica, en función del tamaño de la pantalla del dispositivo del usuario. Auto-organización de contenido tiene sentido, ya que minimiza el tiempo dedicado a la personalización de puntos de corte para cada página y cada elemento.
Los sitios con constante cambio de contenido (como los blogs o tiendas en línea) pueden beneficiarse especialmente de auto-arreglo. Después de todo, es lo que realmente quiero tener que entrar en el código de sitio de su cliente y ajustar los puntos de interrupción y el diseño si de repente decide comenzar a escribir más largo o más corto publicaciones en el blog?
Hacer todo esto desde el principio es mucho tiempo y más allá de las capacidades de la mayoría de los diseñadores que no son también desarrolladores. En su lugar, tiene sentido utilizar un plug-in pre-existente o marco.
JavaScript (incluyendo jQuery y otras bibliotecas) es la forma más común de crear este tipo de diseño, muy probablemente debido a su amplia compatibilidad cruzada. Así es como los esfuerzos existentes como Vgrid, Wookmark y trabajos de albañilería.
Freetile.js es un plugin de jQuery reciente que permite este tipo de dinámica, distribución organizada y sensible. Ha sido utilizado como el motor detrás de Assemblage y Assemblage Plus durante casi dos años, y ahora está finalmente disponible como un proyecto de código abierto independiente.
freetile.js
Es diferente de los esfuerzos emprendidos en este espacio por varias razones. Se permite que los elementos de tamaño para ser utilizado sin la necesidad de una red de columna de tamaño fijo. Esto le libera de tener que especificar un ancho de columna adecuado a sus elementos. Y se puede personalizar el algoritmo que evalúa las posibles posiciones de inserción para cada elemento, lo que le permite expresar sus preferencias como alineación y proximidad.
Tiene una rutina de animación inteligente que hace que sea fácil distinguir entre los elementos que deben ser animado y cuáles no. Especificación de la animación en el código es fácil, también.
Uso de Freetile.js es simple de usar. Incluso si usted no es experto en JavaScript, usted debería ser capaz de averiguar su uso con bastante rapidez.
Freetile.js está licenciado bajo la licencia BSD, y está disponible en GitHub.
