30 Užitečné rámce pro návrháře
Někteří návrháři považují rámce za omezující a omezující ve svém kreativním úsilí. Podívají se na rámce jako na něco, co musí svou práci ohýbat.
A pro mnoho návrhářů to prostě není něco, co chtějí dělat. Ale s desítkami dostupných rámců, proč se na to nepozastavit: proč nenajdete rámec, který se vejde do vašich designových projektů?
Za tímto účelem jsme sestavili 30 nejlepších návrhových rámců . Tyto rámce jsou výhradně pro návrh (nenajdete zde JavaScriptové nebo Ajaxové rámce, které z větší části spadají do rámce vývoje).
Je téměř jisté, že zde je uveden rámec, který může být přizpůsoben vašemu konkrétnímu projektu, spíše než jiným způsobem.
Obecné rámce CSS
CSS rámce zde nabízejí návrhářům strukturu do svých projektů, takže nezačínají zcela od začátku. Některé nabízejí návod k uspořádání, většinou pomocí mřížek, zatímco jiné se zaměřují pouze na věci, jako je typografie, takže rozvržení je zcela na vás.
1KB CSS Grid
1KB CSS Grid je přizpůsobitelná mřížka, kterou lze před stahováním nakonfigurovat několika způsoby. Zvolíte si počet sloupců, šířku sloupce a šířku žlabu před stahováním souborů. Je to neuvěřitelně snadno pochopitelná mřížka, a to i pro ty, kteří nejsou obeznámeni s CSS frameworky. Je to také velmi holý-kosti rámec, s pouze CSS potřebné k sestavení rozvržení (žádné další formátování je zahrnuto).
YAML
YAML ("Další rozložení více sloupců") je rámec CSS pro vytváření flexibilních, plovoucích rozvržení. Obsahuje návrhové vzory pro typografii, mikroformáty, formuláře a další, jakož i plnou přístupnost a dodržování standardů webových stránek. Je to také velmi stabilní rámec, s většinou prohlížečů chycených YAML. K dispozici je také nástroj YAML Builder, který umožňuje vizuálně vytvářet rozvržení založené na YAML.
Jeden vzor vzorů YAML se základními možnostmi stylingu.
Simpl
Simpl je modulární, flexibilní rámec CSS, jehož cílem je vyplnit mezery některých dalších rámců CSS. Je to kapalina (s možností statických postranních sloupců), která se snadno učí a používá, a je nestabilní (ale nevyžaduje hnízdění). Zahrnuje styly pro formuláře, tabulky a další společné prvky.
Zlatá mřížka
Zlatá mřížka je rámec CSS postavený na principu zlaté dávky nebo božského podílu. Má šířku 970 pixelů, používá 6/12 mřížkový systém, a když je komprimovaný méně než 1kb. Existuje spousta skvělých dem, jak mřížky, tak vzorových stránek postavených na mřížce. K dispozici je také mini návod, který vám pomůže začít.
Příklad rozložení vytvořeného pomocí programu The Golden Grid.
SenCSs
SenCSs je rámec, který nabízí rozumný styl pro všechny opakované části vašich souborů CSS. Nezahrnuje žádný systém rozvržení, na rozdíl od mnoha rámců CSS, což je pro nestandardní návrhy webových stránek univerzálnější. Obsahuje styly pro spoustu dalších věcí: základní, písma, okraje, blokové bloky, polstrování a další.
Prvky
Prvky zahrnují různé složky a soubory, které pomáhají urychlit proces návrhu webových stránek. Jedná se o lehký rámec, který je snadno použitelný, obsahuje řadu přednastavených tříd, masový reset a přidává ikony k externím odkazům (což zlepšuje jak styl, tak použitelnost).
Blueprint CSS
Blueprint je bezplatný rámec CSS, který obsahuje reset CSS, mřížku, která podporuje komplexní rozvržení, stylizovanou typografii a formuláře a pluginy pro tlačítka, karty a skripty. K dispozici je také spousta dokumentů, které vám pomohou začít, stejně jako diskusní skupina a mailing list.
Tripoli
Tripoli je obecný rámec CSS, který obnovuje všechna výchozí nastavení prohlížeče. Je určen pro práci s jazykem HTML 4 a odděluje typografii od stylů rozvržení. Cílem je také zvýšit čitelnost vašich webových stránek pomocí lepší typografie. Pracuje také s řadou pluginů pro rozšíření obecných výchozích nastavení rámce.
Obsah ve stylu CSS Framework
Styl CSS s obsahem se styly nabízí půl tuctu rozložení, včetně vertikální navigace s jedním sloupcem obsahu, horizontální navigace s jedním sloupcem obsahu, vertikální navigace se dvěma sloupci obsahu a horizontální navigace s lokální navigací a jedním sloupcem obsahu. Objednává zdrojový kód logicky, přičemž hlavní obsah přichází bezprostředně za záhlaví v rámci kódu, bez ohledu na vizuální rozložení stránky.
960 Grid System
Systém 960 Grid je pravděpodobně nejznámějším systémem CSS, který se v posledních letech objevuje a byl inspirací pro řadu dalších rámců. K dispozici jsou dvě mřížky: 12-sloupová mřížka se sloupci o šířce 60 pixelů a 16 sloupová mřížka se sloupci o šířce 40 pixelů. Velkou výhodou je, že tyto základní konfigurace mřížky lze použít samostatně nebo v tandemu. 960 se zaměřuje na uspořádání stránek a věnuje málo pozornosti věcem, jako je typografie (ačkoli pro ně existují základní ustanovení).
Typogridfie
Typogridfie je rámec CSS, který se v rozvržení výrazně zaměřuje na typografii. Je založen na systému 960 Grid a má sémantický kód kompatibilní s normami. Typografie je založena na principu vertikálního rytmu, ale používá spíše ems než pixelů.
Emastic
Emastic je lehký rámec CSS, který umožňuje přizpůsobit šířku stránky pomocí ems, pixelů nebo procent. Funguje buď v pevném nebo tekutém uspořádání a zahrnuje základní typografické mřížkové styly. K dispozici je návod, který vás naučí vytvářet rozvržení pomocí aplikace Emastic.
Malo
Rámec Malo CSS se skládá pouze z 8 řádků kódu CSS. Je flexibilní a snadno použitelný s přizpůsobitelnou šířkou stránky. Malo vám umožňuje vytvářet rozvržení sestávající ze dvou, tří, čtyř nebo pěti částí. Vnořené sloupce jsou také povoleny.
BlueTrip
BlueTrip je rámec CSS založený na 24-sloupcové mřížce. Zahrnuje styly typografie, styl stylu prázdného spouštěče, styl stylu tisku, styly formulářů a další. K dispozici je rozsáhlá dokumentace, stejně jako prezentace stránek založených na technologii BlueTrip.
1 řádek CSS Grid Framework
Toto je trochu odlišný rámec CSS, protože používá pouze jediný řádek CSS. Pomocí této jediné řady CSS, která funguje na principu rozdělení sloupců na polovinu, můžete vytvořit mřížky s 2, 4, 8 nebo 16 sloupci. Je kompatibilní s kompatibilním prohlížečem, a to i daleko od IE5.5.
Zdarma WordPress Téma rámce
Existuje mnoho skvělých rámců WP, které jsou k dispozici zdarma. Některé jsou velmi základní, pouze s nejobecnější strukturou. Jiné jsou samy o sobě minimalistickými tématy, ale snadno se přizpůsobují jiným projektům. To, co dělají všichni, je zjednodušení procesu kódování ve vývoji témat WP, což účinně eliminuje potřebu návrháře zabývat se PHP nebo jiným kódem.
Plaz
Reptile je tematický rámec z WP Bandit, který pracuje s dětskými motivy (skiny). WP Bandit jej využívá pro všechny své motivy a zpřístupňuje je ke stažení zdarma. Na svých webových stránkách není mnoho informací, kromě toho, že obsahuje řadu pomocných funkcí, které usnadní interakci vašeho tématu s WP.
Vanilka téma
Vanilka byla postavena tak, aby spojovala Carringtonovy "atomové" šablony, PHPTAL šablony a YUI CSS. Obsahuje také úplnou widgetizaci včetně vlastních ovládacích prvků widgetu. Vanilka se používá s dětskými motivy, takže se nikdy nemusíte dotýkat základního kódu. Obsahuje také "minifier" HTML, který komprimuje výstup, aby se urychlil váš web.
Tabule
Tabule je bezplatná struktura WP. Zahrnuje všechny soubory témat, které je třeba vytvořit WP téma, včetně: 404.php, archives.php, categories.php, comments.php, footer.php, functions.php, header.php, index.php, stránky. php, search.php, searchform.php, sidebar.php a style.css. Zahrnuje také stránkování příspěvků a odkazů pro socializaci a rozbalí se pouze 72 kB.
Sandbox
Sandbox je velmi základní téma, které obsahuje základní rozložení dvou sloupců s minimálním stylem. Je plně kompatibilní s widgety a má spoustu selektorů, takže je plně přizpůsobitelný s CSS.
Buffet Framework
Buffet Framework využívá podřízené motivy pro přizpůsobení a také rozšíření motivů pro další přizpůsobení. Je optimalizovaný pro vyhledávače, má podporu pro mikroformáty, je napájen jQuery a je dokonce zabalen s rámci 960gs a Blueprint CSS. Je uvolněna pod GPL v3.
Carrington
Carrington je bezplatný rámec WP témat, který byl vydán pod GNU GPL v2. Jedním z největších výhod společnosti Carrington je rozsáhlá dokumentace dostupná na internetových stránkách. K dispozici jsou čtyři základní témata v rámci: Blog (tradiční téma ve stylu blogu), Text (jednoduchý textový text), Mobilní (pro mobilní prohlížeče) a JAM (Just Add Markup, rám s holými kostry) . V závislosti na úrovni přizpůsobení, kterou chcete, je téměř jistě možnost, která bude pro vás pracovat.
Téma tématu Carrington.
Hybridní
Hybrid je bezplatný motiv, který zahrnuje 8 okrajů a 15 šablon stránek. Je to bezplatný a otevřený zdroj a může být použit pro osobní i komerční projekty. Je k dispozici v různých jazycích (stačí stáhnout jazykový balíček), včetně arabštiny, čínštiny, francouzštiny, italštiny, němčiny, ruštiny, španělštiny a turečtiny. Základní dokumentace je k dispozici zdarma, ale pro rozsáhlejší dokumentaci je třeba se připojit k Theme Clubu (25 USD / rok).
Tematický
Thematic je otevřený zdroj, rozšiřitelný rámec WP se třemi widgetizovanými oblastmi, vzorové vzory rozvržení a styl pro oblíbené pluginy. Tématický styl má dostatek stylu z krabice, který se bez dalšího rozvíjí, ale také dělá perfektní rodičovskou tématiku (pro ně jsou k dispozici i volné a komerční dětské motivy). Zahrnuje vzorek Děti téma pro urychlení vývoje tématu. Je také připraven na řadu oblíbených pluginů WP a má řadu snadno použitelných možností rozvržení pro návrhy dvou i tří sloupců.
Premium WordPress tématické rámce
Témata rámců Premium WP se podobají dostupným volným rámcům, i když většina z nich má další funkce, které nejsou k dispozici ve svobodných verzích. Mnoho z níže uvedených rámců nabízí opční panely, které poskytují nekódovníkům téměř úplnou kontrolu nad designem svého blogu, a zároveň jsou pro vývojáře přívětivé pro ty, kteří se chtějí ponořit do kódu.
Ashford
Ashford WP tématický rámec je jednoduchý, snadno použitelný rámec, který zahrnuje osm šablon stránek (galerie, blog, téma, autor, kód, detaily a záložka mezi nimi). Existuje více než 250 možných variant stránek, které můžete vytvořit a existují čtyři možnosti, jak zobrazit vaše příspěvky (miniatury, výstřižky, výňatek a plné). Existuje omezená bezplatná verze (která je stále dost silná) nebo si můžete zakoupit profesionální verzi za 49 dolarů.
Elementální
Elemental je prémiový motivový rámec od Pro Theme Design. Elemental má čistý, elegantní design, který lze použít přímo z krabice, a to prostě nastavením vlastních možností v ovládacím panelu (např. Typografie, velikost sloupce, navigace apod.) Nebo si ji můžete přizpůsobit srdečný obsah. K dispozici jsou čtyři widgetized oblasti, vlastní widgety, animované víceúrovňové rozbalovací nabídky, podpora Gravatars, zmenšení velikosti miniatury a mnohem více. Základní kopie (pro jednu stránku) je 59,99 dolarů a Multi Copy (pro vývojáře) je 149,99 dolarů.
Teze
Práce je prémiový rámec WP, který se zaměřuje na flexibilitu, zabudovanou optimalizaci vyhledávače a rychlé načítání. Možnosti panelů nabízejí velkou flexibilitu, aniž byste se museli ponořit do kódu. Je zde i generátor rozvržení, který vám umožní automaticky vytvořit rozvržení 1, 2 a 3 sloupce. Osobní volba (licence pro jednu webovou stránku) činí 87 USD a možnost vývojáře (která umožňuje nasazení více serverů) je 164 USD.
Nerdist je jen jedním z populárních blogů probíhajících v rámci Thesis.
Genesis
Genesis je prémiový rámec WP od společnosti StudioPress. Genesis funguje na základě použití podřízených motivů ke stylování obsahu bez změny nadřazeného tématu / rámce. Obsahuje několik vlastních widgetů (včetně jednoho pro Twitter, profilů uživatelů a doporučených příspěvků), stejně jako výběr možností rozložení. Zahrnuje také řadu háčků pro další přizpůsobení. Genesis je 59,95 dolarů.
Nadmořská výška
Headway je rámec speciálně určený pro ty, kteří se nechtějí zabývat kódováním. Má vizuální editor, který vám umožňuje vytvářet nejrůznější weby, od standardních blogů až po stránky elektronického obchodu. Konfigurační panel pro rozhraní Headway je rozsáhlý a umožňuje vám vše, od vkládání skriptů bez kódování do nastavení oprávnění a úprav nastavení pro příspěvky a komentáře. Je to skvělé téma pro každého, kdo chce jen navrhnout a nechce se zabývat všemi zálohami. K dispozici jsou dvě možnosti: Osobní za $ 87 a Developer za $ 164.
WP Unlimited
WP Unlimited je dalším prémiovým rámcem témat WP, který vám umožňuje provádět docela velké úpravy přímo v panelu voleb. Služba WP Unlimited obsahuje generátor AdSense pro přizpůsobení vzhledu a reklamy nebo reklamy AdSense a jejich uspořádání na vašem webu. To také umožňuje zcela přizpůsobit design a má vestavěné funkce SEO. Osobní licence je $ 59 a licence pro vývojáře je $ 150.
Frugal Téma
Frugal je vysoce přizpůsobitelný prémiový tematický rámec s více než 600 vlastními možnostmi, které můžete změnit přímo z ovládacího panelu WP. V rámci panelu voleb můžete přizpůsobit prakticky každý aspekt Frugal. Vývojáři také naleznou Frugal užitečné, protože je tu dost místa pro vlastní CSS, funkce, widgety a další. Frugal má řadu licenčních možností: Personal Basic pro $ 89, Developer Basic pro $ 169, Frugal MU (Multi-User) za $ 299, Frugal Unlimited za $ 399 a Frugal Complete za $ 499.
Napsáno výhradně pro WDD Cameron Chapman
Máte oblíbený rámec, který není uveden výše? Dejte nám prosím vědět v níže uvedených komentářích ...