Homepage » Toolkit » 10 könnyű alternatíva a Bootstrap & Foundation számára

    10 könnyű alternatíva a Bootstrap & Foundation számára

    A megfelelő keretrendszer kiválasztása, amely tökéletesen illeszkedik az Ön projektjeihez, egy kicsit túlnyomó lehet - ott vannak sok közül lehet választani. Talán a népszerű választásokkal szeretne menni, mint a Bootstrap vagy az Alapítvány, de ha a webhelye meglehetősen egyszerű lesz, nem lesz szükség a legtöbb építőelemre és anyagra az alapértelmezett csomagban szerepel.

    A jó hír az, hogy van egy maréknyi alternatíva, amelyek sokkal könnyebbek, mint a Bootstrap vagy az Alapítvány. Ezeknek a kereteknek a legtöbbje együtt van csak a megfelelő számú stílus és összetevő hogy segítsen elkezdeni, miközben lehetővé teszi, hogy kiterjeszthesse azokat a projekt irányába.

    Itt vannak 10 könnyű alternatíva a Bootstrap és Alapítvány számára amit használni kell kisebb méretű webhelyek létrehozása.

    További információ a Hongkiat.com oldalon:

    • A Twitter Bootstrap használatának megkezdése
    • A Bootstrap 3 használata Sass segítségével
    • Bootstrap eszköz: HTML Bootstrap elrendezések létrehozása
    • A Bootstrap Plugin használatával: Modal Window
    • Bootstrap eszköz: Megamenu építése a YAMM3 segítségével

    1. Csontváz

    A csontváz végre elnyerte a faceliftet. Ez egy teljes felújítás a földről, és még mindig olyan könnyű, mint korábban. Az új Skeleton rácsrendszer most már mobil első filozófiát alkalmaz, amely biztosítja, hogy az elrendezés középpontba kerüljön, függetlenül attól, hogy milyen kicsi a készülék képernyője..

    A korábbi verzióban szereplő összes elem - gombok, űrlapok és bemeneti elemek - még mindig jelen vannak, de az alapvető tipográfiai stílusok most már be vannak állítva rem egység.

    2. CardinalCSS

    A CardinalCSS egy olyan CSS keretrendszer, amely a teljesítményre, az olvashatóságra és a legfontosabb szempont a karbantarthatóságra összpontosít. A CardinalCSS néhány modern megközelítést alkalmaz, mint például a mobil-első a hálózat kialakításához; és CSS Box Model, amely lehetővé teszi az elem szélességének és magasságának egyszerű meghatározását.

    A CardinalCSS egy maroknyi segítőosztályt is tartalmaz, amelyek lehetővé teszik, hogy gyorsan használjon stílusokat egy elemre, például a csepp-cap amely a bekezdés első karakteréhez tartozó csepp-sapka-effektust alkalmazza.

    3. ConciseCSS

    A ConciseCSS CSS keret - a puffadás nélkül. Ez egy sovány keret, amely a Sass, a LESS és a Stylus tetején épül fel, amely arany útját teremti a CSS karbantarthatóságához. De ha inkább egyszerű egyszerű vaníliás CSS-t szeretne, akkor ezt is megteheti.

    Hasonlóképpen, a ConciseCSS az alapvető elemek, mint például a fejlécek, bekezdések, táblázatok, űrlapok és egy segédosztály-csoporthoz tartozó alapstílusokat is tartalmaz a gomb UI létrehozásához..

    4. PowertoCSS

    A PowertoCSS könnyű és szilárd frontend keretrendszer. A grid és a stílusok alkalmazásához használt osztálynevek egyszerűek és könnyen emlékezhetők, pl. .gomb. Saját témát is hozzáadhat. Induljon a StarterKit-hoz, hogy elkezdhesse.

    5. Furtive

    A Furtive egy mobil első CSS keretrendszer, amely a legmodernebb webes szabványok köré épül, mint például a Flexbox használata a hálózathoz és rem az elemek méretezési egységét (beleértve a betűméretet). A Furtive megőrzi a kis CSS lábnyomát, mivel nem támogatja a régebbi böngészőket (* köhögés * Internet Explorer), mivel CSS-hackelésre van szükség. Ezért a Furtive tökéletes keret, ha webhelyet tervez a jövőben.

    6. BassCSS

    A BassCSS könnyű alapkészletstílusokat, segédprogramokat, elrendezést és színstílusokat kínál, moduláris formában a rugalmas webalkalmazásokhoz. A SCSS-fájlok a stílus egyszerű testreszabásához tartoznak. Játszhat a tipográfia, a fehér tér, a töréspontok és a felhasználói felület elemei.

    7. Mueller

    A Mueller egy moduláris, érzékeny rácsrendszer, amely Sass és Compass tetejére épül. A Mueller segítségével a rácsot akár a HTML-elemekhez közvetlenül is hozzáadhatja, vagy ha a HTML-elemeket inkább a tiszta és tiszta elemekkel szeretné használni, a rács() funkció. A Mueller-rács a Kőműves Javascript-könyvtárral együtt használható a Pinterest-szerű elrendezés létrehozásához.

    8. Tuktuk

    A Tuktuk egy keretrendszer nagyon egyedi neve. A Bootstraphoz vagy az Alapítványhoz képest a Tuktuk sokkal könnyebb, mivel csak a megfelelő mennyiségű összetevővel érkezik, hogy bemutatható weboldalt hozzon létre, beleértve a rácsrendszert, a tipográfia alapvető stílusát, a táblázatokat és egy pár UI-t, mint például a Navbar és modals.

    9. Alap

    A bázis a LESS és a Sass tetejére épül, és csak a legfontosabb elemeket tartalmazza a weboldalak építéséhez: a rács és a HTML elemek alapvető stílusa. A Base nem jön a Javascript összetevőkkel, de nagy böngésző kompatibilitást biztosít annyira, hogy az IE7-tel is működik.

    10. Pirítós

    Az utolsó lista a Toast. A SCSS-stíluslapon keresztül a Toast lehetővé teszi, hogy könnyen konfigurálhassa a rácsosztályneveket, az ereszcsatornát és még az oszlop-bázist is. Például, ha azt szeretné, hogy a rács 9 bázisú oszlop legyen a 12 helyett, akkor ezt megteheti. A Toast egy minimális CSS keretrendszer, amely nagyon rugalmas konfigurációkat biztosít az Ön igényeinek megfelelően.