10 kaikkein kiehtovinta jQuery-verkkoa
jQuery on yleensä ensimmäinen valinta useimmille ihmisille, jotka haluavat upottaa jalkansa JavaScript-ohjelmoinnissa, koska se tarjoaa helpon tavan valita HTML-elementtejä ja manipuloida DOM: ia. jQuery on suosittu W3Techs-tilastojen mukaan, “jQueryä käyttää 95,4% kaikista sivustoista, joiden JavaScript-kirjasto tiedämme.”
Monet JavaScript-kirjastot käyttävät jQueryä myös riippuvuutena, ja uuden suurimman julkaisun jQuery 3.0 alpha-versio on jo olemassa. Jos projekti käyttää jQueryä millään tavalla ja haluat a dynaaminen, joustava ulkoasu suunnittelua varten kannattaa harkita jQuery-ruudukon laajennuksen sisällyttämistä etuosan pinoon.
Miten jQuery-verkot toimivat?
jQuery-verkkojen avulla luo sivuston kaltaisia asetteluja. He toimivat kuin virtuaalimatriisi, he seuraavat “laatikon sisällä” periaate. jQuery-verkot laskevat dynaamisesti, mikä on parasta järjestelyä kohteista, ja täytä sivu niiden mukana tavalla, joka jättää vähiten tyhjän tilan, jotain sellaista, mitä näette näissä ruutuissa täällä.
JQuery-verkkojen tärkein etu verrattuna CSS-verkkoon on, että ne toimivat kuvien tai muiden mediaelementtien kanssa, joilla on erilaiset leveydet ja korkeudet. Jäähdytetyt JavaScript-vaikutukset ovat myös suuri syy käyttää jQuery-verkkoja luomaan moderni ulkoasu.
Tässä viestissä voit lukea 10 kiehtovinta jQuery-verkkoa jotka ovat tällä hetkellä markkinoilla - tietenkin, aivan kuten jQuery, kaikki ne ovat avoimen lähdekoodin ja ilmaisia.
1. jQuery Nested
jQuery Nested tarjoaa sinulle kätevän monipylväsverkon asettelu, joka on reagoiva ja toimii kaikentyyppisissä laitteissa. Tämä jQuery-laajennus mainostaa itsensä täysin vapaana. Aluksi tämä iskulause voi kuulostaa halpalta markkinointikuvalta, mutta laajennus todella saavuttaa aukko-vapauden hyvin, aivan kuten sen tekijät lupasivat.
jQuery Nested seuraa ainutlaatuista skriptiä kantaverkon matriisin. Ensin luodaan monipylväsverkko, sitten se skannaa matriisin aukkoja varten ja täyttää ne uudelleen järjestämällä eri elementit. Lopuksi - ja tämä on se askel, joka tekee tästä ruudusta vapaana - se muuttaa minkä tahansa alarivin elementin, joka ei sovi oikein kuiluun.
2. Freewall
Freewallin avulla voit luoda haluamasi ulkoasun, onko se kuvaruudukko, sisäkkäinen ruudukko, muuraus tai metro-tyylinen ruudukko. Siinä on monia vaihtoehtoja, jotka voit asettaa JavaScript-muuttujiksi, kuten gutterX, gutterY, animate, cellW, cellH, jne. Se on mukautettuja tapahtumia, kuten onGapFound ja onResize, ja mukautetut menetelmät.
Nizzan koodin esimerkkejä löytyy verkkosivuiltaan. Devit myös välittivät köyhistä sieluista, jotka vielä suunnittelevat vanhempia selaimia, joten Freewall tukee Internet Explorer 8, ja sillä on myös a ratkaisu vammaisille JavaScriptille, kuten se käyttää CSS 3-animaatiot JS: n varajärjestelmänä. Tutustu Freewallin artikkeliin täällä.
3. Muuraus
Vanhan muurauksen nimen on oltava tuttu jokaisen kokeneen suunnittelijan korville. Jos et ole kuullut siitä, muuraus on a kaskadiruudukon asettelukirjasto joka toimii sekä jQuery- että vanilla-JavaScriptin kanssa.
Tämä kätevä plugin on monien suosittujen WordPress-teemojen perusta. Sinun ei tarvitse edes ladata sitä palvelimellesi, koska voit helposti yhdistää kirjaston suoraan CDN: stä.
>
