Cele 10 cele mai fascinante grupe jQuery

jQuery este, de obicei, prima alegere pentru majoritatea oamenilor care doresc să își înmoaie picioarele în programarea JavaScript, deoarece oferă o metodă ușoară de selectare a elementelor HTML și de manipulare a DOM. jQuery este extrem de popular, conform statisticilor recente ale W3Techs, “jQuery este utilizat de 95,4% din toate site-urile ale căror biblioteci JavaScript cunoaștem.”

jQuery este, de asemenea, folosit de multe biblioteci JavaScript ca dependență, iar versiunea alfa a noii versiuni majore, jQuery 3.0 este deja acolo. Dacă proiectul dvs. utilizează jQuery în vreun fel și vreți a dinamic, flexibil pentru designul dvs. merită să vă gândiți să includeți un plugin grid jQuery în stack-ul frontend.

Cum funcționează grilele jQuery?

jQuery grile vă permit creați machete asemănătoare Pinterestului pentru site-ul dvs.. Ei funcționează ca o matrice virtuală, o urmează “cutie într-o cutie” principiu. grilele jQuery calculează dinamic care este cel mai bun aranjament de elemente și o populare cu ele într-un mod care lasă cel mai mic spațiu gol, ceva ce vedeți în aceste casete aici.

Principalul avantaj al grilelor jQuery comparativ cu rețelele CSS este acela că acestea lucrează cu imagini sau alte elemente media care au diferite lățimi și înălțimi. Efectele efecte cool sunt, de asemenea, un motiv major pentru a utiliza grilele jQuery pentru a crea un aspect modern.

În acest post poți citi despre 10 cele mai fascinante rețele jQuery care sunt în prezent pe piață - desigur, la fel ca jQuery, toate acestea sunt open source și gratuite.

1. jQuery Nested

jQuery Nested vă oferă o soluție la îndemână grilă multi-coloană care este receptivă și funcționează pe toate tipurile de dispozitive. Acest plugin jQuery se publică ca fiind complet fără goluri. La inceput, acest slogan poate suna ca un truc ieftin de marketing, insa plugin-ul realizeaza foarte bine libertatea golurilor, asa cum promisi creatorii sai.

jQuery Nested urmează un script unic în populând matricea rețelei. Mai întâi creează o rețea multi-coloană, apoi scanează matricea pentru goluri și le umple prin reordonarea diferitelor elemente. În cele din urmă - și acesta este pasul care face această rețea fără goluri - redimensionează orice element din rândul de jos care nu se potrivește corect în decalaj.

2. Freewall

Freewall vă permite să creați aspectul dorit, indiferent dacă este vorba de o rețea de imagini, de o grilă imbricată, o zidărie sau o rețea de metrou. Are multe opțiuni pe care le puteți seta ca variabile JavaScript, cum ar fi gutterX, gutterY, animate, cellW, cellH, etc Acesta are evenimente personalizate, cum ar fi onGapFound și onResize, și metode personalizate, de asemenea.

Puteți găsi exemple frumoase de cod pe site-ul lor. De asemenea, programele devin îngrijorate de sufletele sărace care trebuie încă să proiecteze pentru browserele mai vechi, astfel încât Freewall sprijină Internet Explorer 8, și are, de asemenea, soluție pentru JavaScript dezactivat, pe care îl folosește CSS 3 animații ca o strategie de rezervă JS. Consultați articolul nostru despre Freewall aici.

3. Masoneria

Numele bunului Mason vechi trebuie să fie familiar cu urechile fiecărui designer experimentat. În cazul în care nu ați auzit de ea, Masoneria este a cascadă de bibliotecă de layout grilă care funcționează atât cu JavaScript, cât și cu jQuery.

Acest plugin util este baza multor teme WordPress populare. Nici măcar nu trebuie să o încărcați pe serverul dvs., deoarece puteți conecta cu ușurință biblioteca direct dintr-un CDN.

>