Pagrindinis » Įrankių rinkinys » 10 lengvų alternatyvų „Bootstrap & Foundation“

    10 lengvų alternatyvų „Bootstrap & Foundation“

    Pasirinkus tinkamą sistemą, kuri puikiai tinka jūsų projektams, gali būti šiek tiek didžiulis - yra daug ką pasirinkti. Galbūt norėtumėte eiti su populiariais pasirinkimais, pvz., „Bootstrap“ arba „Foundation“, bet jei jūsų svetainė bus gana paprasta,, jums nereikės daugumos statybinių blokų ir medžiagų įtraukti į numatytąjį paketą.

    Geros naujienos yra tai, kad yra keletas alternatyvų, kurios yra daug mažesnės nei „Bootstrap“ arba „Foundation“. Dauguma šių sistemų sujungia su tik tinkamas stilių ir komponentų kiekis kad padėtų jums pradėti darbą, tuo pačiu leisdami jums išplėsti juos norimoje jūsų projekto kryptimi.

    Čia yra 10 lengvų alternatyvų „Bootstrap“ ir „Foundation“ kad turėtumėte naudoti kurti mažesnes svetaines.

    Daugiau apie „Hongkiat.com“:

    • Pradedama naudoti „Twitter“ „Bootstrap“
    • „Bootstrap 3“ naudojimas „Sass“
    • „Bootstrap“ įrankis: sukurti „HTML Bootstrap“ išdėstymus
    • Darbas su „Bootstrap“ papildiniu: „Modal“ langas
    • „Bootstrap“ įrankis: sukurkite „Megamenu“ su „YAMM3“

    1. Skeletas

    Skeletas pagaliau įgijo fasadą. Tai visiškas perėjimas nuo žemės, tačiau vis dar yra toks lengvas, kaip anksčiau. Dabar nauja Skeleto tinklelio sistema priima mobilųjį pirmąjį filosofiją, kuri užtikrina, kad išdėstymas būtų centrinis, neatsižvelgiant į tai, kiek mažai įrenginio ekranas yra.

    Visi komponentai, įtraukti į ankstesnę versiją - mygtukai, formos ir įvesties elementai, vis dar yra, tačiau pagrindiniai spausdinimo stiliai dabar nustatyti rem vienetas.

    2. CardinalCSS

    „CardinalCSS“ yra CSS sistema, sukurta daugiausia dėmesio skiriant našumui, skaitymui ir, svarbiausia, prieinamumui. CardinalCSS priima kai kuriuos modernius metodus, pavyzdžiui, mobiliuosius, pirmiausia tinklui formuoti; ir CSS dėžutės modelis, kuris leidžia lengvai nustatyti elemento plotį ir aukštį.

    „CardinalCSS“ taip pat yra keletas pagalbininkų klasių, kurios leidžia greitai pritaikyti stilius ant elemento, pavyzdžiui, lašelis kuris taiko pirmojo punkto pirmojo simbolio kritimo ribos efektą.

    3. ConciseCSS

    „ConciseCSS“ yra CSS sistema - be išsipūtimo. Tai raumeningas pagrindas, pastatytas ant „Sass“, „LESS“ ir „Stylus“, kuris atveria savo auksinį kelią į CSS prieinamumą. Tačiau, jei norite paprasto paprasto vanilės CSS, taip pat galite tai padaryti.

    Be to, „ConciseCSS“ taip pat pateikiami pagrindiniai elementai, skirti pagrindiniams elementams, pvz., Antraštėms, pastraipoms, lentelėms, formoms ir pagalbininkų klasei, kad sukurtumėte mygtuką UI.

    4. „PowertoCSS“

    „PowertoCSS“ yra lengvas ir tvirtas pagrindo pagrindas. Klasių pavadinimai, naudojami tinklui sukurti ir stilių pritaikymui, yra paprasti ir lengvai įsimenami, pvz. .mygtukas. Taip pat galite pridėti savo temą. Pradėkite eiti į savo StarterKit.

    5. Furtive

    „Furtive“ yra pirmasis mobilusis CSS sistema, sukurta pagal pažangiausius žiniatinklio standartus, pvz., „Flexbox“ naudojimą tinklui ir rem elementų dydžio (įskaitant šrifto dydį). „Furtive“ išlaiko nedidelį CSS pėdsaką, nes nepalaiko senesnių naršyklių (* kosulys * Internet Explorer), nes jiems reikia tam tikro CSS įsilaužimo. Taigi „Furtive“ yra puiki sistema, jei kuriate interneto svetainę ateityje.

    6. BassCSS

    „BassCSS“ siūlo lengvą bazinių elementų stilių, komunalinių paslaugų, išdėstymo ir spalvų stilių rinkinį, modulinę formą, kad būtų sukurta jautri interneto programa. SCSS failai yra lengvai pritaikyti stiliui. Galite žaisti su tipografija, baltos erdvės, lūžio taškais ir UI elementais.

    7. Mueller

    „Mueller“ yra modulinė reaguojanti tinklo sistema, pastatyta ant „Sass“ ir „Compass“. Naudodami „Mueller“, galite sukurti tinklelį arba pridedant klases tiesiai į HTML elementus, arba jei norite, kad HTML elementai būtų tvarkingi ir švarūs, naudodami „ tinklelis () funkcija. „Mueller“ tinklelį galima naudoti kartu su mūro „Javascript“ biblioteka, kad būtų sukurtas panašus į „Pinterest“ išdėstymą.

    8. Tuktuk

    Tuktuk yra labai unikalus programos pagrindas. Palyginti su „Bootstrap“ arba „Foundation“, „Tuktuk“ yra daug lengvesnė, nes ji turi tik tinkamą komponentų kiekį, kad sukurtų reprezentatyvią svetainę, įskaitant tinklinę sistemą, pagrindinį tipografijos stilių, lenteles ir kelis UI, pvz. modals.

    9. Bazė

    Bazė yra pastatyta ant „LESS“ ir „Sass“, ir ji apima tik svarbiausius komponentus, skirtus kurti svetaines: tinklelį ir pagrindinius HTML elementų stilius. Bazėje nėra „Javascript“ komponentų, tačiau tai suteikia puikų suderinamumą su naršykle, kad jis veiktų net ir su IE7.

    10. Skrudinta duona

    Paskutinis mūsų sąrašas yra „Toast“. Per SCSS stilių lentelę yra įtrauktas į paketą, „Toast“ leidžia lengvai konfigūruoti tinklelio klasės pavadinimus, lataką ir net stulpelio bazę. Pavyzdžiui, jei norite, kad tinklelis būtų 9 bazių stulpelis, o ne 12, galite tai padaryti. Skrudinta duona yra minimali CSS sistema su labai lanksčiomis konfigūracijomis, kurios atitinka jūsų poreikius.