Koduleht » Toolkit » 10 kergeid alternatiive Bootstrap & Foundationile

    10 kergeid alternatiive Bootstrap & Foundationile

    Õige raamistiku valimine, mis sobib teie projektidele ideaalselt, võib olla natuke valdav - seal on palju valida. Võib-olla tahad minna populaarsete valikutega nagu Bootstrap või Foundation, kuid kui teie veebisait on üsna lihtne, te ei vaja enamikku ehitusplokkidest ja materjalidest sisaldub vaikepaketis.

    Hea uudis on see, et on olemas käputäis alternatiive, mis on palju lihtsamad kui Bootstrap või Foundation. Enamik neist raamistikest laevad just õige kogus stiile ja komponente et aidata teil alustada, võimaldades samal ajal neid oma projekti jaoks soovitud suunas laiendada.

    Siin on 10 kerget alternatiivi Bootstrapile ja Foundationile mida sa peaksid kasutama väiksemate veebilehtede loomine.

    Veel Hongkiat.com lehelt:

    • Twitteri Bootstrapiga alustamine
    • Bootstrap 3 kasutamine Sassiga
    • Bootstrap tööriist: HTML Bootstrap Layoutide ehitamine
    • Töötamine Bootstrap Pluginiga: Modal Window
    • Bootstrap tööriist: ehitage Megamenu koos YAMM3-ga

    1. Luustik

    Skeleton on lõpuks saanud näo kiirenduse. See on täielik uuendus maapinnast ja see on siiski nii kerge kui varem. Uus Skeletoni võrgusüsteem võtab nüüd kasutusele mobiilse esimese filosoofia, mis tagab, et paigutus võtab keskpunkti, olenemata sellest, kui väike on seadme ekraan..

    Kõik varasemas versioonis sisalduvad komponendid - nupud, vormid ja sisendelemendid - on endiselt olemas, kuid põhilised tüpograafiastiilid on nüüd seatud rem üksus.

    2. CardinalCSS

    CardinalCSS on CSS raamistik, mis on ehitatud keskendudes jõudlusele, loetavusele ja kõige tähtsamale hooldusele. CardinalCSS võtab kasutusele mõned kaasaegsed lähenemisviisid, nagu näiteks mobiil-esimene, et kujundada võrku; ja CSS Box Model, mis võimaldab hõlpsasti määrata elemendi laiust ja kõrgust.

    CardinalCSS'il on ka käputäis abilisteklasse, mis võimaldavad stiilide kiiret rakendamist elemendile, näiteks tilgakork mis rakendab lõigu esimese märgi jaoks tilk-efekti.

    3. ConciseCSS

    ConciseCSS on CSS raamistik - ilma paistetuseta. See on lahja raamistik, mis on ehitatud Sass, LESS ja Stylus peal, mis sillutab oma kuldse tee CSS-i hooldatavusele. Aga kui soovid lihtsat lihtsat vanilje CSS-i, siis võite seda ka.

    Samamoodi on ConciseCSS-il ka põhielemendid põhielementide jaoks, nagu pealkirjad, lõiked, tabelid, vormid ja abimeeste komplekt, et luua nuppude kasutajaliides.

    4. PowertoCSS

    PowertoCSS on kerge ja tugeva esikülje raamistik. Klasside nimed, mida kasutatakse võrgu loomiseks ja stiilide rakendamiseks, on lihtsad ja kergesti mäletatavad nt. .nuppu. Võite lisada ka oma teema. Alustage oma StarterKiti poole.

    5. Furtive

    Furtive on mobiilne esimene CSS raamistik, mis on ehitatud tipptasemel veebistandardite ümber, nagu näiteks Flexboxi kasutamine võrku ja rem elementide suuruse mõõtmiseks (sealhulgas fondi suurus). Furtive säilitab väikese CSS-jalajälje, kuna ei toeta vanemaid brausereid (* köha * Internet Explorer), kuna nad vajavad mõningast CSS-häkkimist. Seega on Furtive ideaalne raamistik, kui kavandate tuleviku veebilehte.

    6. BassCSS

    BassCSS pakub kerge komplekti põhielemendi stiile, kommunaalteenuseid, paigutust ja värvi stiile, modulaarses vormis ehitamiseks reageerivale veebirakendusele. SCSS-failid on lisatud stiili kohandamiseks lihtsalt. Teil on võimalik mängida tüpograafia, tühiku, murdepunktide ja kasutajaliidese elementidega.

    7. Mueller

    Mueller on modulaarne reageeriv võrgusüsteem, mis on ehitatud Sass'i ja Compassi peal. Muelleriga saate võrku ehitada kas klasside lisamisega HTML-elementidele või kui soovite, et HTML-elemendid oleksid puhtad ja puhtad, kasutades võrk () funktsiooni. Muelleri võrku saab kasutada koos müüritise Javascript raamatukoguga, et luua Pinterestile sarnane paigutus.

    8. Tuktuk

    Tuktuk on raamistiku jaoks väga unikaalne nimi. Võrreldes Bootstrapiga või sihtasutusega on Tuktuk palju kergem, kuna see on ainult õige hulga komponentidega, et luua esitlusvõimeline veebisait, sealhulgas võrgusüsteem, tüpograafia põhiline stiil, tabelid ja paar kasutajaliidest, nagu näiteks navbar ja modaalid.

    9. Baas

    Baas on ehitatud LESS ja Sass peal ning see sisaldab ainult kõige olulisemaid komponente veebisaitide ehitamiseks: võrku ja HTML elementide põhilist stiili. Base ei sisalda Javascripti komponente, kuid see tagab suurepärase brauseri ühilduvuse nii palju, et see töötab isegi IE7-ga.

    10. Röstsai

    Viimane meie nimekiri on Toast. SCSSi stiililehekülje kaudu on pakett lisatud Toast, mis võimaldab hõlpsasti võrguklassi nimesid, vihmaveetorude ja isegi veeru baasi konfigureerida. Näiteks, kui soovite, et võrk oleks 9-kohaline veerg 12 asemel, saate seda teha. Toast on minimaalne CSS raamistik, millel on väga paindlikud konfiguratsioonid, mis vastavad teie vajadustele.