3 fantastické CSS rámce, které nebudete chtít nechat ujít
Osobně bych radši začal kódovat jakýkoli projekt pouze s mřížkou a budovat odtud. Jsem tak vybíravý a rád bych měl kontrolu nad co nejvíce proměnných.
Existují chvíle, kdy tohle není praktické. Možná, že stavíte aplikaci nebo výjimečně velké a komplikované místo. Možná nemáte čas na styl každého jednotlivého prvku od nuly a nemusíte. To je, když chcete kompletní rámec, s doplňky.
No, hodně bylo napsáno o rámcích "velkého jména" - Bootstrap, Foundation, Gumby - takže o těch tady nebudeme mluvit. Hrál jsem s ... chci říct důkladně testovat tři z méně známých možností. Podívejte se, jedna z nich může být přesně to, co potřebujete.
Kube
Kube je jednoznačně nástrojem moderního předního developera. Podporovány jsou pouze moderní prohlížeče - a IE9 +. Standardní styly jsou hezké, ale dostatečně jemné, aby byly přizpůsobeny pro použití s téměř jakoukoli značkou.
Jedná se zkrátka o dobře vypadající, ale prostou a jednoduchou konstrukci, navrženou s téměř univerzální vizuální přitažlivostí a určenou pro těžké přizpůsobení.
Vlastnosti
Chcete-li popsat všechny funkce v hloubce, nebo dokonce jednoduše uvést všechny, pravděpodobně by v tomto článku zabralo příliš mnoho místa, takže vám dám upozornění: samotný rámec je založen na Méně a je modulární. Pokud chcete vše kromě stylů tlačítek, je to velmi jednoduchá záležitost, abyste "sestavili" své vlastní. Stačí odstranit odpovídající pravidlo @import z kube.less a jít. Je jisté, že existují styly pro téměř každý element HTML, o kterém si myslíte, a obvyklé doplňky jako tlačítka, základní navigační lišty, pomocné třídy a poměrně pevný systém rozvržení mřížky.
V jistém smyslu je Kube definován částečně tím, co nemá. Například neobsahuje nadbytečné množství prvků uživatelského rozhraní a dodatečných stylů. Neexistují žádné jQuery pluginy pro funkcionalitu UI. A to určitě nepřichází s dojmem, že jste "přilepený" některým z nich.
Závěr
Kube je solidní nabídka. Jeho tvůrci neunesli základy, ale je zde jasný smysl "jen to, co potřebujete", které přichází s tímto rámcem. Je to dobré místo pro začátek, a tak ztělesňuje skutečný účel nějakého rámce. Barevně mě ohromil.
IVORY rámec
SLONOVÁ KOST, jako je Kube, je navržen tak, aby byl snadno srozumitelný a rychle implementován. Typografie vypadá dobře, ale je dostatečně nenáročná pro použití s téměř jakýmkoliv projektem a obecné standardní styly jsou také.
Je to rámec navržený tak, aby vám poskytl dostatek informací, abyste mohli začít a pár doplňků.
Vlastnosti
Funkce jsou to, co byste normálně očekávali: pevný a flexibilní systém mřížky, styly pro typografii a všechny formy atd. Ovšem IVORY se liší od Kube v tom, že vám dává několik dalších prvků uživatelského rozhraní: tlačítka, výstražné schránky, stránkování, přepínače, nápovědy, navigace, tabulátory a harmoniky.
Co nastavuje tyto komponenty UI od jiných, je, že jsou všechny implementovány pomocí CSS3 a bez javascriptu. Jediným důvodem, proč je uživatelské rozhraní jQuery vázáno, je provést práci pro výběr data.
Jen dvě věci, které se mi nelíbí: některé styly komponent UI velmi připomínají štýly Bootstrap 2.0. Tak jo, pravděpodobně budete chtít tyto změny změnit. Navíc systém mřížky vyžaduje použití další třídy v posledním sloupci v libovolném řádku; Jenom to nenávidím .
Závěr
Tyto dvě malé námitky stranou, IVORY Framework je dobrou volbou pro libovolný počet projektů. Není to nejjednodušší přizpůsobitelnost možností, ale pokud stačí začít s dobrou sadou výchozích hodnot a některé další komponenty UI, dejte to vír.
Báze
Báze, podle Matthew Hartman , vezme poněkud trendnější (v tomto okamžiku v každém případě) přístup k rámci CSS. Na základě Normalize.css , začíná tenkými písmeny a plochými krabicemi pro tlačítka. Neexistuje žádný popření, že výchozí styly jsou naprosto hezké.
To nemusí být pro všechny, které mají zájem, v závislosti na obavách z brandingu, ale je to dost jednoduché změnit. Koneckonců, Base je vše o přizpůsobení.
Vlastnosti
Základna je k dispozici ve verzích LESS a SASS, takže můžete rychle měnit proměnné a "překompilovat" je tak, aby vyhovovaly vašim potřebám. Vestavěné proměnné zahrnují velikost písma, body zlomu, hlavní šířky kontejneru pro každý bod zlomu a další.
Spousta dalších tříd vám pomáhá nastavit rozvržení specifických pro mobilní zařízení a v samostatném souboru jsou k dispozici "mixiny", které vám pomohou na cestě.
Stejně jako Kube neexistují žádné další komponenty UI mimo ty, které se standardně dodávají s kódem HTML, takže pokud chcete rozhraní s kartami, akordeony apod., Musíte je vyrobit sami. Báze se zdá být zaměřena na budování krásných webových stránek na rozdíl od webových aplikací.
Závěr
Pokud vytváříte web, který nepotřebuje příliš mnoho komponent UI specifických pro aplikaci, je základem Fantastický zdroj. Stránky vytvořené s tím již vypadají hezky; ale pokud se vám nelíbí výchozí styly, není příliš obtížné je změnit.
