10 visvairāk aizraujoši jQuery režģi
jQuery parasti ir pirmā izvēle lielākai daļai cilvēku, kuri vēlas iemērkt savas pēdas JavaScript programmēšanā, jo tas nodrošina vienkāršu metodi, lai izvēlētos HTML elementus un manipulētu ar DOM. jQuery ir ļoti populārs, saskaņā ar jaunākajiem W3Techs statistikas datiem, “jQuery izmanto 95,4% no visām tīmekļa vietnēm, kuru JavaScript bibliotēka ir zināma.”
jQuery izmanto arī daudzas JavaScript bibliotēkas kā atkarību, un jaunās lielās versijas, jQuery 3.0, alfa versija jau pastāv. Ja jūsu projekts jebkādā veidā izmanto jQuery un vēlaties dinamisks, elastīgs izkārtojums Jūsu dizainam ir vērts apsvērt iespēju iekļaut jūsu priekšējā stekā jQuery režģa spraudni.
Kā darbojas jQuery režģi?
jQuery tīkli ļauj jums izveidojiet Pinterest līdzīgus izkārtojumus. Viņi strādā kā virtuālā matrica, viņi seko “lodziņā” princips. jQuery tīkli dinamiski aprēķina, kas ir labākais vienumu izvietojums, un aizpildiet lapu ar tiem tādā veidā, kas atstāj vismazāko tukšo vietu, kaut kas līdzīgs tam, ko jūs redzat šajās kastēs.
Galvenā jQuery tīklu priekšrocība salīdzinājumā ar CSS tīkliem ir tāda, ka tie strādā ar attēliem vai citiem multivides elementiem, kuriem ir dažādi platumi un augstumi. Cool JavaScript efekti ir arī liels iemesls, lai izmantotu jQuery tīklus, lai izveidotu modernu izkārtojumu.
Šajā ziņojumā varat lasīt par 10 visvairāk aizraujoši jQuery tīkli kas pašlaik ir tirgū - protams, tāpat kā jQuery, visi tie ir atvērtā koda un bezmaksas.
1. jQuery Nested
jQuery Nested nodrošina ērtu lietošanu vairāku kolonnu režģa izkārtojums, kas ir atsaucīgs un darbojas dažādās ierīcēs. Šis jQuery spraudnis reklamē sevi kā pilnīgi brīvu. Sākumā šis sauklis var izklausīties kā lēts mārketinga triks, bet spraudnis patiešām ļoti labi īsteno plaisu brīvību, tāpat kā tās solītāji.
jQuery Nested seko unikālam skriptam tīkla matricu. Vispirms tas izveido vairāku kolonnu režģi, tad skenē matricu nepilnībām un aizpilda tos, pārkārtojot dažādus elementus. Visbeidzot - un tas ir solis, kas padara šo režģi bezkontaktu - tas maina jebkura apakšējā rindas elementu, kas nav pienācīgi ievietots atstarpē.
2. Freewall
Freewall ļauj izveidot vēlamo izkārtojumu, vai tas ir attēla režģis, ligzdots režģis, mūra vai metro stila režģis. Tam ir daudzas iespējas, kuras varat iestatīt kā JavaScript mainīgos, piemēram, notekasX, notekas, dzīvs, šūna, šūna, uc Tā ir pasūtījuma notikumi, piemēram, onGapFound un OnResize, un pielāgotās metodes.
Labus kodu piemērus varat atrast savā tīmekļa vietnē. Devs arī rūpējās par nabadzīgajām dvēselēm, kurām vēl ir jāveido vecākās pārlūkprogrammas, tāpēc Freewall atbalsta Internet Explorer 8, un tai ir arī a risinājums invalīdiem, tā izmanto CSS 3 animācijas kā JS rezerves stratēģija. Apskatiet mūsu rakstu par Freewall šeit.
3. Mūris
Labās vecās mūra nosaukumam jābūt pazīstamam katra pieredzējušā dizainera ausīm. Gadījumā, ja neesat par to dzirdējis, mūris ir a kaskādes režģa izkārtojuma bibliotēka kas darbojas gan ar jQuery, gan vanilla JavaScript.
Šis parocīgais spraudnis ir daudzu populāru WordPress tēmu pamatā. Jums pat nav nepieciešams to augšupielādēt savā serverī, jo jūs varat viegli sasaistīt bibliotēku tieši no CDN.
>
