10 najbolj očarljivih jQuery omrežij
jQuery je ponavadi prva izbira za večino ljudi, ki želijo potopiti noge v programiranje JavaScripta, saj zagotavlja enostaven način za izbiro elementov HTML in manipulacijo DOM-a. JQuery je divje priljubljen, glede na nedavno objavljeno statistiko W3Techs, “jQuery uporablja 95,4% vseh spletnih mest, katerih JavaScript knjižnico poznamo.”
jQuery uporabljajo tudi številne JavaScript knjižnice kot odvisnost, alfa različica nove večje izdaje, jQuery 3.0, pa je že tam. Če vaš projekt uporablja jQuery na kakršen koli način in želite a dinamična, prilagodljiva postavitev za vašo zasnovo je vredno razmisliti o vključitvi čepa jQuery v svoj sprednji del.
Kako delujejo jQuery omrežja?
jQuery omrežja vam omogočajo ustvarite postavitve v obliki Pinterest. Delujejo kot virtualna matrika, sledijo “škatla v škatli” načelo. Mreže jQuery dinamično izračunajo, kaj je najboljša razporeditev elementov in jih zapolnijo z njimi na način, ki pušča najmanj prazen prostor, nekaj podobnega temu, kar vidite v teh poljih tukaj.
Glavna prednost mrež jQuery v primerjavi z mrežami CSS je, da delajo s slikami ali drugimi mediji, ki imajo različne širine in višine. Cool JavaScript učinki so tudi velik razlog za uporabo jQuery mrež za ustvarjanje moderne postavitve.
V tem prispevku lahko preberete o tem 10 najbolj zanimivih jQuery mrež ki so trenutno na trgu - seveda, tako kot jQuery, so vse odprte kode in brezplačne.
1. jQuery Nested
jQuery Nested vam ponuja priročno razporeditev mrež z več stolpci, ki se odziva in deluje v vseh vrstah naprav. Ta vtičnik jQuery se oglašuje kot popolnoma brezplačen. Sprva lahko ta slogan zveni kot poceni tržni trik, vendar plugin dejansko zelo dobro doseže svobodo vrzeli, tako kot so jo obljubili njeni ustvarjalci.
jQuery Nested sledi edinstvenemu skriptu naselitev mrežne matrike. Najprej ustvari mrežo z več stolpci, nato pa skenira matrico za vrzeli in jih zapolni s prerazporeditvijo različnih elementov. Nazadnje - in to je korak, ki naredi to vrvico brez jakosti - spremeni velikost kateregakoli elementa v spodnji vrstici, ki se ne prilega ustrezno vrzeli.
2. Freewall
Freewall vam omogoča, da ustvarite postavitev, ki jo želite, ali gre za mrežo slik, ugnezdeno mrežo, zidovje ali mrežasto mrežo. Ima veliko možnosti, ki jih lahko nastavite kot JavaScript spremenljivke, kot je gutterX, žleb, animate, cellW, celicaH, itd To je po meri dogodke, kot so onGapFound in onResize, in metode po meri.
Primerke primerov kode najdete na njihovi spletni strani. Skrbniki so skrbeli tudi za revne duše, ki morajo še vedno oblikovati starejše brskalnike, tako da Freewall podpira Internet Explorer 8, in ima tudi rešitev za onemogočen JavaScript, uporablja Animacije CSS 3 kot rezervna strategija JS. Oglejte si naš članek o Freewallu tukaj.
3. Zidarstvo
Ime dobrega starega zidarstva mora poznati vsakemu izkušenemu oblikovalcu. V primeru, da za to niste slišali, je zidarstvo kaskadna knjižnica za postavitev mreže , ki deluje z jQuery in vanilla JavaScript.
Ta priročen vtičnik je osnova številnih priljubljenih tem WordPressa. Nimate niti naložiti na svoj strežnik, saj lahko preprosto povežete knjižnico neposredno s CDN.
>
