As 10 redes de jQuery mais fascinantes

O jQuery é geralmente a primeira escolha para a maioria das pessoas que querem mergulhar os pés na programação JavaScript, pois fornece um método fácil para selecionar elementos HTML e manipular o DOM. jQuery é muito popular, de acordo com as estatísticas recentes da W3Techs, “O jQuery é usado por 95,4% de todos os sites cuja biblioteca JavaScript conhecemos.”

O jQuery também é usado por muitas bibliotecas JavaScript como uma dependência, e a versão alpha do novo lançamento principal, o jQuery 3.0, já está disponível. Se o seu projeto usa o jQuery de alguma forma e você quer um layout dinâmico e flexível para o seu projeto, vale a pena incluir um plugin de grid jQuery em sua pilha de frontend.

Como funcionam as redes jQuery?

grades jQuery permitem crie layouts do Pinterest para seu site. Eles funcionam como uma matriz virtual, eles seguem o “caixa dentro de uma caixa” princípio. As grades do jQuery calculam dinamicamente qual é a melhor organização de itens e preenchem a página com elas de uma maneira que deixa menos espaço em branco, algo parecido com o que você vê nessas caixas aqui.

A principal vantagem das grades do jQuery em relação às grades CSS é que elas trabalham com imagens ou outros elementos de mídia que possuem diferentes larguras e alturas. Efeitos legais de JavaScript também são um grande motivo para usar as grades da jQuery para criar um layout moderno.

Neste post você pode ler sobre o 10 redes jQuery mais fascinantes que estão atualmente no mercado - é claro, assim como o jQuery, todos eles são de código aberto e gratuitos.

1. jQuery aninhado

jQuery aninhado fornece-lhe um prático layout de grade multi-coluna que é responsivo e funciona em todos os tipos de dispositivos. Este plugin jQuery anuncia-se como completamente livre de lacunas. No início, este slogan pode soar como um truque de marketing barato, mas o plugin realmente realiza muito bem a liberdade das lacunas, exatamente como seus criadores prometeram..

jQuery aninhada segue um script único em preenchendo a matriz de grade. Primeiro, ele cria uma grade de várias colunas e, em seguida, verifica as lacunas da matriz e as preenche, reordenando os diferentes elementos. Finalmente - e essa é a etapa que torna essa grade sem intervalos - ela redimensiona qualquer elemento na linha inferior que não se encaixe corretamente na lacuna.

2. Freewall

O Freewall permite criar o layout desejado, seja ele uma grade de imagens, uma grade aninhada, uma alvenaria ou uma grade estilo metro. Tem muitas opções que você pode definir como variáveis ​​JavaScript, como gutterX, gutterY, animate, cellW, cellH, Tem eventos personalizados como onGapFound e onResize, e métodos personalizados, bem.

Você pode encontrar exemplos de códigos legais em seu site. Os desenvolvedores também se importavam com as pobres almas que ainda precisam projetar para navegadores mais antigos, então o Freewall suporta Internet Explorer 8, e também tem um solução para JavaScript desativado, como usa Animações CSS 3 como estratégia de fallback JS. Confira nosso artigo sobre Freewall aqui.

3. Maçonaria

O nome da boa e velha Maçonaria deve ser familiar aos ouvidos de todo designer experiente. Caso você não tenha ouvido falar sobre isso, a Maçonaria é uma biblioteca de layout de grade em cascata que funciona com jQuery e JavaScript vanilla.

Este prático plugin é a base de muitos temas populares do WordPress. Você não precisa nem fazer o upload para o seu servidor, pois você pode facilmente vincular a biblioteca diretamente de um CDN.

>