10 Lehké alternativy k Bootstrap & Foundation
Výběr správného rámce, který je ideální pro vaše projekty, by mohl být trochu ohromující - existuje hodně z čeho vybírat. Možná, že chcete jít s populární volby, jako je Bootstrap nebo nadace, ale pokud vaše webové stránky bude poměrně jednoduchý, nebudete potřebovat většinu stavebních bloků a materiálů součástí výchozího balíčku.
Dobrou zprávou je, že existuje několik alternativ, které jsou mnohem štíhlejší než Bootstrap nebo Foundation. Většina z těchto rámců se dodává správné množství stylů a komponent aby vám pomohl začít, a zároveň vám umožní rozšířit je ve směru, který chcete pro svůj projekt.
Tady jsou 10 lehkých alternativ k Bootstrap a Foundation které byste měli použít budování menších webových stránek.
Více na stránkách Hongkiat.com:
- Začínáme se službou Twitter Bootstrap
- Použití Bootstrap 3 Sass
- Nástroj Bootstrap: Vytváření rozvržení spouštěcích kódů HTML
- Práce s modulem Bootstrap: Modální okno
- Nástroj Bootstrap: Sestavte Megamenu s YAMM3
1. Kostra
Skeleton konečně dostal facelift. Je to totální znovuzrození od základu, a přesto je stále tak lehké, jak to bývalo. Nový gridový systém Skeleton nyní využívá mobilní filosofii, která zajišťuje, že rozvržení bude v centru pozornosti bez ohledu na to, jak malá je obrazovka zařízení..
Všechny komponenty, které byly zahrnuty v dřívější verzi - tlačítka, formuláře a vstupní prvky - jsou stále přítomny, ale základní styly typografie jsou nyní nastaveny na rem
jednotka.
2. CardinalCSS
CardinalCSS je CSS framework postavený se zaměřením na výkon, čitelnost a především udržovatelnost. CardinalCSS přijímá některé moderní přístupy, jako je mobilní-první pro tvarování sítě; a CSS Box Model, který umožňuje snadno určit šířku a výšku prvku.
CardinalCSS také přichází s hrstkou pomocných tříd, které vám umožňují rychle aplikovat styly na prvek, například drop-cap
který aplikuje efekt drop-cap pro první znak v odstavci.
3. ConciseCSS
ConciseCSS je rámec CSS - bez bloat. Jedná se o štíhlou strukturu postavenou na vrcholu Sass, LESS a Stylus, která připravuje svou zlatou cestu k udržovatelnosti CSS. Ale pokud dáváte přednost prosté jednoduché vanilce CSS, můžete to mít také.
Podobně ConciseCSS přichází také se základními styly pro základní prvky, jako jsou nadpisy, odstavce, tabulky, formuláře a sada tříd pomocníků pro vytvoření tlačítka uživatelského rozhraní..
4. PowertoCSS
PowertoCSS je lehký a pevný frontend framework. Názvy tříd, které se používají k vytvoření mřížky a použití stylů, jsou jednoduché a snadno zapamatovatelné, např. .tlačítko
. Můžete také přidat vlastní motiv. Začněte s jejich StarterKit.
5. Furtive
Furtive je mobilní CSS framework, postavený na špičkových webových standardech, jako je použití Flexbox pro mřížku a rem
jednotka pro dimenzování prvků (včetně velikosti písma). Furtive si zachovává malou CSS stopu tím, že nepodporuje starší prohlížeče (* kašel * Internet Explorer), protože vyžadují nějaký CSS hacking. Proto Furtive je perfektní rámec, pokud navrhujete webové stránky pro budoucnost.
6. BassCSS
BassCSS nabízí odlehčenou sadu základních stylů elementů, nástrojů, rozvržení a barevných stylů v modulární podobě pro tvorbu citlivé webové aplikace. Soubory SCSS jsou zahrnuty pro snadné přizpůsobení stylu. Můžete hrát s typografií, mezerami, zarážkami a prvky uživatelského rozhraní.
7. Mueller
Mueller je modulární responzivní mřížkový systém postavený na vrcholu Sassu a kompasu. S Muellerem můžete sestavit mřížku buď přidáním tříd přímo do elementů HTML, nebo pokud dáváte přednost tomu, aby vaše elementy HTML byly čisté a čisté. mřížka()
funkce. Muellerova mřížka může být použita v tandemu s knihovnou Masonry Javascript k vytvoření nákresu podobného Pinterestu.
8. Tuktuk
Tuktuk je velmi unikátní název pro rámec. Ve srovnání s Bootstrapem nebo Foundation je Tuktuk mnohem lehčí, protože přichází pouze se správným množstvím komponentů, aby bylo možné vytvořit prezentovatelnou webovou stránku, včetně gridového systému, základního stylu pro typografii, tabulek a několika uživatelských rozhraní, jako je navbar a modály.
9. Základna
Základna je postavena na LESS a Sassu a obsahuje pouze ty nejdůležitější komponenty pro tvorbu webových stránek: mřížka a základní styling prvků HTML. Základna není vybavena komponentami Javascript, ale poskytuje skvělou kompatibilitu prohlížeče natolik, že funguje i s IE7.
10. Toast
Poslední z našich seznamů je Toast. Prostřednictvím šablony stylů SCSS je balíček součástí toastu, který umožňuje snadno konfigurovat názvy tříd mřížky, okap a dokonce i sloupec. Pokud například chcete, aby mřížka byla 9-sloupcem namísto 12, můžete to provést. Toast je minimální rámec CSS s velmi flexibilními konfiguracemi, které splňují vaše požadavky.