Pagrindinis » Įrankių rinkinys » 10 įspūdingiausių jQuery tinklų

    10 įspūdingiausių jQuery tinklų

    jQuery paprastai yra pirmasis pasirinkimas daugeliui žmonių, kurie nori panirti savo kojas į „JavaScript“ programavimą, nes tai yra paprastas būdas pasirinkti HTML elementus ir manipuliuoti DOM. „JQuery“ yra labai populiarus, atsižvelgiant į naujausius W3Techs statistinius duomenis, “jQuery naudoja 95,4% visų svetainių, kurių „JavaScript“ bibliotekoje mes žinome.”

    „JQuery“ taip pat naudojasi daugelis „JavaScript“ bibliotekų kaip priklausomybė, o naujos didelės versijos „jQuery 3.0“ alfa versija jau yra. Jei jūsų projektas naudoja jQuery bet kokiu būdu ir norite dinamiškas, lankstus išdėstymas Jūsų dizainui verta apsvarstyti galimybę įtraukti jQuery tinklelį į savo priekinio stovo rinkinį.

    Kaip veikia jQuery tinklai?

    jQuery tinklai leidžia jums sukurkite savo svetainėje panašius į „Pinterest“ išdėstymus. Jie dirba kaip virtuali matrica, jie seka “langelyje” principas. jQuery tinklai dinamiškai apskaičiuoja, kas yra geriausias elementų išdėstymas, ir užpildykite puslapį su jais taip, kad palieka mažiausiai tuščią vietą, kažką panašaus į tai, ką matote šiuose langeliuose.

    IMAGE: „DHomie Home Design“ žurnalas

    Pagrindinis „jQuery“ tinklų pranašumas, lyginant su CSS tinklais, yra tai, kad jie dirba su vaizdais ar kitais laikmenų elementais, kurių plotis ir aukštis yra skirtingi. „Cool JavaScript“ efektai taip pat yra didelė priežastis naudoti jQuery tinklus, kad būtų sukurtas modernus išdėstymas.

    Šiame pranešime galite skaityti apie 10 patrauklių jQuery tinklų kurie šiuo metu yra rinkoje - žinoma, kaip ir jQuery, visi jie yra atviro kodo ir nemokami.

    1. jQuery Nested

    jQuery Nested suteikia jums patogų kelių stulpelių tinklelio išdėstymas, kuris reaguoja ir veikia įvairiuose įrenginiuose. Šis „jQuery“ įskiepis reklamuoja save kaip visiškai laisvas. Iš pradžių šis šūkis gali atrodyti kaip pigus rinkodaros triukas, bet papildinys tikrai puikiai pasiekia atotrūkio laisvę, kaip ir jos kūrėjai pažadėjo.

    jQuery Nested seka unikalų scenarijų tinklelio matricą. Pirmiausia jis sukuria daugialypį tinklelį, tada jis nuskaito matricą spragoms ir užpildo jas pertvarkydamas skirtingus elementus. Galiausiai - ir tai yra žingsnis, dėl kurio šis tinklelis tampa beprasmiškas - jis pakeičia bet kurį apatinės eilutės elementą, kuris tinkamai neatitinka tarpo.

    2. Freewall

    „Freewall“ leidžia jums sukurti pageidaujamą išdėstymą, ar tai yra vaizdo tinklelis, įdėtas tinklelis, mūro ar metro stiliaus tinklelis. Jis turi daug galimybių, kurias galite nustatyti kaip „JavaScript“ kintamuosius, pvz latakaiX, žarnos, animuoti, ląstelė, ląstelė, ir tt Tai yra pasirinktiniai įvykiai, pvz onGapFound ir onResize, ir pasirinktinius metodus.

    Gražus kodų pavyzdžius galite rasti savo interneto svetainėje. Devai taip pat rūpinosi neturtingomis sielomis, kurios vis dar turi kurti senesnes naršykles, taigi Freewall palaiko „Internet Explorer 8“, ir ji taip pat turi „JavaScript“ neįgaliesiems, kaip ji naudoja CSS 3 animacijos kaip JS atsarginės strategijos. Čia rasite mūsų straipsnį apie „Freewall“.

    3. Mūrinis

    Geros senosios mūro pavadinimas turi būti žinomas kiekvieno patyrusio dizainerio ausims. Jei nesate girdėję apie tai, mūrinis yra a kaskados tinklelio išdėstymo biblioteka kuris veikia ir su „jQuery“, ir „vanilla JavaScript“.

    Šis patogus įskiepis yra daugelio populiarių „WordPress“ temų pagrindas. Net nereikia įkelti jo į savo serverį, nes galite lengvai susieti biblioteką su CDN.

    >