10 najviac fascinujúcich jQuery Grids
jQuery je zvyčajne prvou voľbou pre väčšinu ľudí, ktorí chcú ponoriť svoje nohy do programovania JavaScript, pretože poskytuje jednoduchú metódu na výber prvkov HTML a manipuláciu s DOM. jQuery je veľmi obľúbený, podľa nedávnych štatistík W3Techs, “jQuery používa 95,4% všetkých webových stránok, ktorých databáza JavaScript poznáme.”
jQuery je tiež používaný mnohými knižnicami jazyka JavaScript ako závislosť a alfa verzia novej väčšej verzie, jQuery 3.0 už existuje. Ak váš projekt používa jQuery akýmkoľvek spôsobom a chcete a dynamické, flexibilné rozloženie pre váš dizajn je vhodné zvážiť zahrnutie doplnku mriežky jQuery do frontu.
Ako fungujú mriežky jQuery?
jQuery siete vám umožňujú vytvorte rozloženia typu Pinterest pre vaše stránky. Fungujú ako virtuálna matica, sledujú “box vnútri krabice” Princíp. jQuery mriežky dynamicky spočítajú, čo je najlepšie usporiadanie položiek a vyplniť stránku s nimi spôsobom, ktorý zanecháva najmenej prázdne miesto, niečo ako to, čo vidíte v týchto poliach tu.
Hlavnou výhodou mriežok jQuery v porovnaní s mriežkami CSS je to, že pracujú s obrázkami alebo inými mediálnymi prvkami, ktoré majú rozdielne šírky a výšky. Chladné efekty jazyka JavaScript sú tiež veľkým dôvodom na použitie mriežok jQuery na vytvorenie moderného rozloženia.
V tomto príspevku si môžete prečítať o 10 najzaujímavejších jQuery mriežok ktoré sú v súčasnosti na trhu - samozrejme, rovnako ako jQuery, všetky sú otvorené a zadarmo.
1. jQuery Nested
Funkcia jQuery Nested vám poskytne praktické riešenie rozloženie rozloženia viacerých stĺpcov, ktoré reaguje a funguje vo všetkých druhoch zariadení. Tento plugin jQuery sa inzeruje ako úplne bez medzery. Spočiatku tento slogan môže znieť ako lacný marketingový trik, ale plugin skutočne dosiahol slobodu medzery veľmi pekne, rovnako ako sľúbili jeho tvorcovia.
jQuery Nested nasleduje jedinečný skript v populácia matice siete. Najprv vytvorí viaccestnú mriežku, potom prehladá maticu na medzery a naplní ju prerozdeľovaním rôznych prvkov. Nakoniec - a to je krok, ktorý robí túto mriežku bezúhonovou - mení veľkosť akéhokoľvek prvku v spodnom rade, ktorý sa správne nezapadol do medzery.
2. Freewall
Freewall vám umožňuje vytvoriť rozloženie, ktoré chcete, či ide o mriežku obrázkov, vnorenú mriežku, murivo alebo mriežku v štýle metra. Má veľa možností, ktoré môžete nastaviť ako premenné jazyka JavaScript, ako napr gutterX, žiarenie, animácia, cellW, cellH, atď Má vlastné udalosti, ako je onGapFound a onResize, a vlastné metódy rovnako.
Na svojich webových stránkach nájdete pekné príklady kódu. Devs sa tiež staral o chudobné duše, ktoré ešte musia navrhnúť pre staršie prehliadače, takže podporuje Freewall Internet Explorer 8, a má tiež a riešenie pre zakázaný JavaScript, ako to používa Animácie CSS 3 ako stratégia núdzového riešenia JS. Pozrite si náš článok o programe Freewall tu.
3. Murivo
Názov starého starého múru musí byť známy uším každého skúseného dizajnéra. V prípade, že ste o tom nepočuli, Masonry je kaskádová knižnica rozloženia mriežky ktorý funguje s jQuery aj s Java vanilla.
Tento praktický doplnok je základom mnohých populárnych motívov WordPress. Nemusíte ho ani nahrať na server, pretože môžete ľahko prepojiť knižnicu priamo z CDN.
>
