10 najfascinantnijih jQuery mreža
jQuery je obično prvi izbor za većinu ljudi koji žele umočiti noge u programiranje JavaScripta jer pruža jednostavan način za odabir HTML elemenata i manipuliranje DOM-om. jQuery je divlje popularan, prema najnovijim statistikama W3Techs, “jQuery koristi 95,4% svih web stranica čiju JavaScript knjižnicu znamo.”
jQuery se također koristi od strane mnogih JavaScript knjižnica kao ovisnost, a alfa verzija novog velikog izdanja, jQuery 3.0 je već tamo. Ako vaš projekt na bilo koji način koristi jQuery i želite a dinamičan, fleksibilan raspored za vaš dizajn vrijedi razmotriti uključivanje dodatka jQuery grid u svoj frontend stack.
Kako funkcioniraju jQuery mreže?
jQuery rešetke omogućuju vam stvoriti izgled sličan za vašu web lokaciju. Oni djeluju poput virtualne matrice, slijede “kutija unutar kutije” načelo. jQuery rešetke dinamički izračunavaju koji je najbolji raspored stavki i popunjavaju stranicu s njima na način koji ostavlja najmanje praznog prostora, nešto poput onoga što vidite u ovim okvirima ovdje.
Glavna prednost jQuery mreža u usporedbi s CSS mrežama je da rade s slikama ili drugim medijskim elementima koji imaju različite širine i visine. Cool JavaScript učinci su također veliki razlog za korištenje jQuery rešetke za stvaranje modernog izgleda.
U ovom postu možete pročitati o 10 najfascinantnijih jQuery mreža koje su trenutno na tržištu - naravno, baš kao i jQuery, sve su otvorene i besplatne.
1. JQuery Ugniježđen
jQuery Nested pruža vam pri ruci raspored mreže u više stupaca koji odgovara i radi na svim vrstama uređaja. Ovaj jQuery dodatak se reklamira kao potpuno prazan. Isprva ovaj slogan može zvučati kao jeftin marketinški trik, ali plugin zapravo vrlo lijepo ispunjava slobodu praznine, baš kao što su joj obećali kreatori.
jQuery Nested slijedi jedinstvenu skriptu naseljavanje matrice mreže. Prvo stvara rešetku s više stupaca, zatim skenira matricu za praznine i ispunjava ih promjenom različitih elemenata. Konačno - i to je korak koji čini ovu rešetku praznom - mijenja veličinu bilo kojeg elementa u donjem redu koji se ne uklapa ispravno u zazor.
2. Slobodni zid
Freewall vam omogućuje da stvorite izgled koji želite, bez obzira je li to rešetka slike, ugniježđena rešetka, zidana ili rešetka u stilu metroa. Ima mnogo opcija koje možete postaviti kao JavaScript varijable kao što su gutterX, gutterY, animate, cellW, cellH, itd. Ima prilagođene događaje kao što je onGapFound i onResize, i prilagođene metode.
Možete naći lijepe primjere koda na njihovoj web lokaciji. Skrbnici su također marili za siromašne duše koje još uvijek moraju dizajnirati za starije preglednike, tako da Freewall podržava Internet Explorer 8, i također ima rješenje za onemogućeni JavaScript, kao što koristi CSS 3 animacije kao JS rezervna strategija. Pogledajte naš članak o Freewallu ovdje.
3. Zidarstvo
Ime dobrog starog slobodnog zidarstva mora biti poznato svim ušima iskusnih dizajnera. U slučaju da za njega niste čuli, Masonstvo je kaskadna knjižnica rasporeda mreže koja radi s jQuery i vanilla JavaScriptom.
Ovaj praktični dodatak osnova je mnogih popularnih WordPress tema. Vi čak ne morate ga učitati na svoj poslužitelj jer lako možete povezati knjižnicu izravno s CDN-a.
>
