10 kevyttä vaihtoehtoa Bootstrap & Foundationille

Oikean kehyksen valitseminen, joka sopii täydellisesti projekteihisi, voisi olla hieman ylivoimainen - on olemassa paljon valita. Ehkä haluat mennä suosittuihin valintoihin, kuten Bootstrap tai Foundation, mutta jos sivustosi on melko yksinkertainen, et tarvitse eniten rakennuspalikoita ja -materiaaleja sisältyy oletuspakettiin.

Hyvä uutinen on, että on olemassa muutamia vaihtoehtoja, jotka ovat paljon kevyempiä kuin Bootstrap tai Foundation. Useimmat näistä kehyksistä ovat mukana vain oikea määrä tyylejä ja komponentteja auttaa sinua pääsemään alkuun, samalla kun voit laajentaa niitä haluamaasi suuntaan projektiin.

Tässä ovat 10 kevyttä vaihtoehtoa Bootstrapille ja säätiölle että sinun pitäisi käyttää pienempien verkkosivustojen rakentaminen.

Lisää sivustosta Hongkiat.com:

Twitter-käynnistyksen aloittaminen
Bootstrap 3: n käyttäminen Sassin avulla
Bootstrap -työkalu: HTML-käynnistyksen rakenne
Bootstrap-laajennuksen käyttäminen: Modal-ikkuna
Bootstrap-työkalu: Rakenna Megamenu YAMM3: lla

1. Luuranko

Skeleton on vihdoin saanut kasvojenkohotuksen. Se on täydellistä uudistusta maasta ylöspäin, ja silti se on edelleen niin kevyt kuin aiemmin. Uusi Skeleton-verkkojärjestelmä ottaa nyt käyttöön mobiilisovelluksen, joka takaa, että ulkoasu on keskellä, riippumatta siitä, kuinka pieni laitteen näyttö on.

Kaikki aikaisemman version sisältämät komponentit - painikkeet, lomakkeet ja syöttöelementit - ovat edelleen olemassa, mutta perustyyppityylejä on nyt asetettu rem yksikkö.

2. CardinalCSS

CardinalCSS on CSS-kehys, joka on rakennettu keskittyen suorituskykyyn, luettavuuteen ja ennen kaikkea ylläpidettävyyteen. CardinalCSS ottaa käyttöön joitakin nykyaikaisia lähestymistapoja, kuten mobiililaitteita, joiden avulla verkko voidaan muokata; ja CSS Box -mallin avulla voit helposti määrittää elementin leveyden ja korkeuden.

CardinalCSS: ssä on myös muutama apuluokka, joiden avulla voit nopeasti soveltaa tyylejä elementtiin, esimerkiksi drop-cap joka soveltaa pudotuskorkeuden vaikutusta kohdan ensimmäiseen merkkiin.

3. ConciseCSS

ConciseCSS on CSS-kehys - ilman paisuntaa. Se on vähärasvainen kehys, joka on rakennettu Sassin, LESSin ja Styluksen päälle ja joka kuljettaa sen kultaisen polun CSS: n ylläpitoon. Mutta jos haluat pelkän yksinkertaisen vanilja CSS: n, voit saada sen myös.

Samoin ConciseCSS: n mukana tulee myös perusasioita sellaisten olennaisten elementtien kuten otsikoiden, kappaleiden, taulukoiden, lomakkeiden ja avainluokan joukossa painikkeen käyttöliittymän luomiseksi..

4. PowertoCSS

PowertoCSS on kevyt ja tukeva kehys. Ryhmien nimet, joita käytetään ruudukon rakentamiseen ja tyyleiden soveltamiseen, ovat yksinkertaisia ja helposti muistettavia esim. .nappi. Voit myös lisätä oman teeman. Pääset alkuun StarterKitiin.

5. Furtive

Furtive on mobiili-ensimmäinen CSS-kehys, joka on rakennettu huippuluokan web-standardien ympärille, kuten Flexboxin käyttö verkkoon ja rem yksikköä (mukaan lukien kirjasinkoko). Furtive säilyttää pienen CSS-jalanjäljen, koska se ei tue vanhempia selaimia (* yskä * Internet Explorer), koska ne vaativat joitakin CSS-hakkereita. Näin ollen Furtive on täydellinen kehys, jos suunnittelet tulevaa verkkosivustoa.

6. BassCSS

BassCSS: ssä on kevyt joukko peruselementtityylejä, apuohjelmia, asettelu- ja värityylejä modulaarisessa muodossa, joka on rakennettu reagoivaan web-sovellukseen. SCSS-tiedostot sisältyvät tyylin muokkaamiseen helposti. Voit pelata typografian, valkoisen tilan, katkaisupisteiden ja käyttöliittymän elementtien avulla.

7. Mueller

Mueller on modulaarinen reagoiva verkkojärjestelmä, joka on rakennettu Sassin ja Compassin päälle. Muellerin avulla voit rakentaa ruudukon joko lisäämällä luokkia suoraan HTML-elementteihin tai jos haluat, että HTML-elementit ovat siistejä ja puhtaita, käyttämällä grid () toimia. Mueller-ruudukkoa voidaan käyttää yhdessä muurauksen Javascript-kirjaston kanssa Pinterest-pohjaisen ulkoasun luomiseksi.

8. Tuktuk

Tuktuk on hyvin ainutlaatuinen nimi kehykselle. Bootstrapiin tai säätiöön verrattuna Tuktuk on paljon kevyempi, koska siinä on vain oikea määrä komponentteja, jotta voidaan rakentaa edustava verkkosivusto, joka sisältää verkkojärjestelmän, tyypillisen tyypin typografian, taulukot ja pari käyttöliittymää, kuten navbar ja modals.

9. Base

Base on rakennettu LESS: n ja Sassin päälle, ja se sisältää vain tärkeimmät osat verkkosivujen rakentamiseen: ruudukko ja HTML-elementtien perusmuoto. Base ei sisälly Javascript-komponentteihin, mutta se tarjoaa paljon selaimen yhteensopivuutta niin paljon, että se toimii myös IE7: n kanssa.

10. Toast

Viimeinen listaamme on Toast. SCSS-tyylitaulukon kautta mukana toimitetaan Toast, jonka avulla voit helposti määrittää ruudukon nimien, kattilan ja jopa sarakepohjan. Jos esimerkiksi haluat, että ruudukko on 9-pohjainen sarake 12: n sijasta, voit tehdä sen. Toast on minimaalinen CSS-kehys, jossa on erittäin joustavat kokoonpanot, jotka täyttävät vaatimukset.