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.