Las 10 cuadrículas jQuery más fascinantes

jQuery suele ser la primera opción para la mayoría de las personas que desean sumergirse en la programación de JavaScript, ya que proporciona un método fácil para seleccionar elementos HTML y manipular el DOM. jQuery es muy popular, según las estadísticas recientes de W3Techs, “jQuery es utilizado por el 95.4% de todos los sitios web cuya biblioteca de JavaScript conocemos.”

jQuery también es utilizado por muchas bibliotecas de JavaScript como una dependencia, y la versión alfa del nuevo lanzamiento principal, jQuery 3.0 ya está disponible. Si su proyecto usa jQuery de alguna manera y usted quiere un diseño dinámico y flexible para su diseño vale la pena considerar incluir un complemento de cuadrícula jQuery en su pila de frontend.

¿Cómo funcionan las rejillas jQuery??

Las cuadrículas de jQuery te permiten Crea diseños tipo Pinterest para tu sitio.. Funcionan como una matriz virtual, siguen la “caja dentro de una caja” principio. Las cuadrículas de jQuery calculan dinámicamente cuál es la mejor disposición de los elementos y llenan la página con ellos de una manera que deje el menor espacio en blanco, algo como lo que ves en estos cuadros aquí.

La principal ventaja de las cuadrículas jQuery en comparación con las cuadrículas CSS es que funcionan con imágenes u otros elementos multimedia que tienen diferentes anchuras y alturas. Los excelentes efectos de JavaScript también son una gran razón para usar las cuadrículas jQuery para crear un diseño moderno.

En este post puedes leer sobre el 10 grillas jQuery más fascinantes que están actualmente en el mercado, por supuesto, al igual que jQuery, todos ellos son de código abierto y gratuitos.

1. jQuery anidado

jQuery Nested te proporciona una práctica diseño de cuadrícula de varias columnas que es sensible Y funciona en todo tipo de dispositivos. Este complemento de jQuery se anuncia como completamente libre de espacios. Al principio, este eslogan puede parecer un truco de mercadotecnia barato, pero el complemento realmente logra una libertad de brecha muy bien, tal como lo prometieron sus creadores..

jQuery Nested sigue un script único en poblando la matriz de la cuadrícula. Primero crea una cuadrícula de varias columnas, luego escanea la matriz en busca de huecos y los rellena al reordenar los diferentes elementos. Finalmente, y ese es el paso que hace que esta cuadrícula sea sin interrupciones: redimensiona cualquier elemento en la fila inferior que no se ajuste correctamente en el espacio.

2. Freewall

Freewall le permite crear el diseño que desee, ya sea una cuadrícula de imagen, una cuadrícula anidada, una mampostería o una cuadrícula de estilo metro. Tiene muchas opciones que puede establecer como variables de JavaScript como gutterX, gutterY, animate, cellW, cellH, Tiene eventos personalizados como onGapFound y onResize, y métodos personalizados también.

Puedes encontrar buenos ejemplos de código en su sitio web. Los desarrolladores también se preocuparon por las almas pobres que aún tienen que diseñar para navegadores más antiguos, por lo que Freewall soporta Internet Explorer 8, y también tiene una solución para JavaScript deshabilitado, como lo usa CSS 3 animaciones como una estrategia de respaldo JS. Echa un vistazo a nuestro artículo en Freewall aquí.

3. Albañilería

El nombre de la vieja masonería debe ser familiar para los oídos de cualquier diseñador experimentado. En caso de que no hayas oído hablar de ello, la masonería es un biblioteca de diseño de cuadrícula en cascada que funciona con jQuery y vainilla JavaScript.

Este práctico complemento es la base de muchos temas populares de WordPress. Ni siquiera tiene que cargarlo en su servidor, ya que puede vincular fácilmente la biblioteca directamente desde un CDN..

>