A 10 legizgalmasabb jQuery rács
A jQuery rendszerint az első választás a legtöbb ember számára, akik a JavaScript programozásában szeretnék lecsapni a lábukat, mivel egyszerű módszert kínál a HTML elemek kiválasztására és a DOM kezelésére. A jQuery a W3Techs legújabb statisztikái szerint vadul népszerű, “A jQuery-t az összes olyan webhely 95,4% -át használja, amelynek JavaScript-könyvtárát ismerjük.”
A jQuery-t számos JavaScript könyvtár is használja függőségként, és az új nagy kiadás, a jQuery 3.0 alfa-változata már ott van. Ha a projekt a jQuery-t bármilyen módon használja, és a dinamikus, rugalmas elrendezés a tervezéshez érdemes megfontolni egy jQuery grid plugin beillesztését a frontend stackbe.
Hogyan működik a jQuery rács?
A jQuery rácsok lehetővé teszik hozzon létre Pinterest-szerű elrendezéseket webhelyére. Úgy működnek, mint egy virtuális mátrix, követik a “dobozban” elv. A jQuery rácsok dinamikusan kiszámítják, hogy mi a legjobb elrendezés az elemeken, és feltölti velük az oldalt oly módon, hogy a legkevésbé üres helyet hagyja..
A jQuery rácsok fő előnye a CSS rácshoz képest az, hogy olyan képekkel vagy más médiaelemekkel dolgoznak, amelyek különböző szélességűek és magasságok. Hűvös JavaScript-effektusok is nagy ok arra, hogy a jQuery-rácsokat használják egy modern elrendezés létrehozásához.
Ebben a bejegyzésben olvashat a 10 legérdekesebb jQuery rács amelyek jelenleg a piacon vannak - természetesen, mint a jQuery, mindegyikük nyílt forráskódú és ingyenes.
1. jQuery Nested
A jQuery Nested praktikus több oszlopos rácselrendezés, amely érzékeny és mindenféle eszközön működik. Ez a jQuery plugin önmagát hirdeti, mint teljesen résmentes. Először ez a szlogen olcsó marketing trükknek tűnhet, de a bővítmény nagyon jól teljesíti a résszabadságot, ahogy az alkotói megígérték.
A jQuery Nested egyedi parancsfájlt követ a rács mátrixát. Először létrehoz egy többoszlopos rácsot, majd átvizsgálja a mátrixot a résekre, és kitölti azokat a különböző elemek újraszervezésével. Végül - és ez az a lépés, amely ezt a rácsot tönkreteszi - átméretez minden olyan elemet az alsó sorban, amely nem illeszkedik megfelelően a résbe.
2. Freewall
A Freewall lehetővé teszi, hogy létrehozza a kívánt elrendezést, függetlenül attól, hogy képrács, beágyazott rács, falazat vagy metró stílusú rács. Sok lehetősége van, amelyeket JavaScript változóként állíthat be, mint például gutterX, gutterY, animate, cellW, cellH, stb. Egyéni események vannak, mint például onGapFound és onResize, és egyéni módszerek is.
Szép kódpéldákat talál a honlapján. A devs is törődött a szegény lelkekkel, akiknek még a régebbi böngészőknek kell tervezniük, így a Freewall támogatja Internet Explorer 8, és van egy is megoldás a letiltott JavaScript számára, használják CSS 3 animációk, mint JS visszamenőleges stratégia. Nézze meg a Freewall-on található cikkünket.
3. Kőműves
A jó öreg falazatnak meg kell ismernie minden tapasztalt tervező fülét. Abban az esetben, ha nem hallottál róla, a Kőműves egy kaszkádrácsos elrendezési könyvtár a jQuery és a vanilla JavaScript egyaránt működik.
Ez a praktikus plugin számos népszerű WordPress téma alapja. Még a szerverre sem kell feltöltenie, mivel könnyen összekapcsolhatja a könyvtárat közvetlenül a CDN-ről.
>
