Systém 960 Grid byl vytvořen společností Nathan Smith jako způsob, jak zefektivnit workflow pro vývoj webových aplikací tím, že poskytuje běžně používané rozměry na základě šířky 960 pixelů.

960.gs (nebo jakýkoli rámec CSS) byl primárně vyvinut pro rychlé prototypování, snižování opakujících se a únavných úkolů, ale je také více než vhodný pro použití v jakémkoli projektu web designu.

Poskytuje vašemu webu strukturovaný a pevný základ pro to, abyste vytvořili a stylizovali svůj design.

V tomto článku najdete tutoriály, prezentaci webů navržených pomocí nástrojů 960.gs, odbočky, základní motivy WP postavené na platformě 960.gs a možné alternativní rámce, pokud se z nějakého důvodu nelíbí graf 960 Systém.

V rámci balíčku pro stahování jsou k dispozici listy náčrtu, návrhové rozvržení a soubor CSS, které mají totožná měření.

Máte dvě šablony, 12 sloupcovou mřížku rozdělenou na části 60px a 16 sloupcovou mřížku rozdělenou na 40px. Každý sloupec má 10 pixelů okrajů vlevo a vpravo, které vytvářejí mezi sloupci 20 pixelů širokých okapů.

Domovská stránka : 960.gs Domovská stránka .

Stažení : Stáhněte si 960.gs .

Demo: Zobrazte demo stránku 960.gs .

960.gs Tutoriály

960 CSS Framework - Naučte se základy
Jedná se o skvělý základní návod, který vám pomůže začít, napsaný Stefanem Vervoortem ze divitodesignu. Jste převzata základy načítání rámce, abyste mohli začít rychle vyvíjet s firmou 960.gs.

Práce s 960.gs
Další tutoriál, který vás provede základy instalace nástroje 960.gs, obzvláště užitečné pro napadené CSS.

Podrobný pohled na 960 CSS Framework
Jakmile budete mít příležitost strávit nějaký čas s 960.gs, budete ohromeni, kolik času může být potenciálně ušetřeno při vývoji vašich webových projektů.


Prototypování s rámem 960 CSS
Tento článek pokrývá celý prototypový proces, vysvětluje základy Grid 960, plánování mřížky pro návrh a kódování prototypu. Tak rychle.


Vytvořte téma s novinami pomocí rozhraní WP_Query a 960 CSS Framework
Tento tutoriál vás naučí, jak používat WP_Query, abyste vytvořili 3 sloupce novinových témat, které obsahují všechny hlavní blogové příspěvky v hlavním sloupci, a na straně druhé sadu příspěvků z vybrané kategorie. Použití rámce 960 CSS pro rozložení a zbytek motivu vám ukáže, jak to výrazně urychlí Vaši produktivitu.


Design Téma nového blogu na mřížce 960
Tento tutoriál vás naučí vylepšit téma blogu ve Photoshopu, který je navržen tak, aby byl použit v rámci 960. Tento tutoriál byl navržen více pro teorii designu webových stránek než technika Photoshopu, ale věnuje značně více času teorii designu a aplikace.

960 Spin Offs

Typogridphy - Typografický a CSS rámcový rozvržení rozvržení

Typogridphy je CSS framework konstruovaný tak, aby umožňoval webovým návrhářům a vývojářům přední strany rychle kódovat typograficky příjemné uspořádání mřížky. Umožňuje vytvářet rozvržení mřížky, které jsou všestranné a atraktivní, validuje přísné xHTML a CSS. Používá také typografickou metodu známou jako "vytváření svislého rytmu" , přičemž všechny přilehlé čáry textu se vodorovně rozdělují, a to bez ohledu na přestávky čáry a nové odstavce.
Demo: Typogridphy Demo


Overture - Fluid 960 Grid System 1.0

Vyvinul Stephen Bau z Design7 , vybudoval knihovnu běžně používaných prvků HTML, kombinoval je s CSS pro typografii a rozložení a přidal některé základní efekty z populárních knihoven JavaScriptu (především MooTools). Po stažení si můžete vybrat ze tří šablon: pevnou šířku 960 pixelů, šířku kapaliny 12 sloupců nebo šířku kapaliny 16 sloupců . Tyto šablony jsou úžasné, musíte vidět detail, abyste tomu věřili.
Demo: Overture Demo .

Vitrína

Všechny tyto krásné stránky byly postaveny pomocí systému 960 mřížky:

WordPress Témata

Stejně jako skutečné 960.gs, tyto WP témata jsou prakticky nefunkční a mají velmi základní funkčnost, ale byly postaveny pomocí 960.gs. Velmi užitečné pro každého vývojáře WP.


5 let WordPress Téma
Základní téma WP vytvořené pomocí 960.gs.


960bc WordPress Téma
Téma 960bc je v podstatě prázdné plátno s minimálním stylem a žádné obrázky založené na systému 960 mřížky (pouze 12 sloupců) pro vývojáře WordPress, kteří chtějí pracovat v tradičním uspořádání založeném na mřížce.

Možné alternativy

Volba CSS Frameworku může být obtížná, pokud 960.gs není pro vás správný, možná byste mohli vyzkoušet některé z následujících rámců.

Modul: CSS Framework
Blueprint je CSS framework, jehož cílem je omezit vývoj vašeho CSS. Poskytuje vám solidní základnu CSS, na níž můžete vytvořit svůj projekt navíc s snadno použitelnou mřížkou, rozumnou typografií a dokonce i stylu pro tisk. Je mnohem méně nafouklý než rámec YUI, a je pravděpodobně na úrovni 960.gs z hlediska snadného použití.

CSS-Boilerplate
Od jednoho z autorů projektu Blueprint. Vytvořil zbavený rámec, který poskytuje základní informace pro zahájení jakéhokoli projektu. Tento rámec je lehký a usiluje o to, aby nenavrhoval koncepce neseminárního pojmenování.

Prvky - rámec CSS do země
Byl postaven tak, aby pomáhal návrhářům psát CSS rychleji a efektivněji. Prvky překračují rámec samotného rámce, jedná se o vlastní pracovní tok projektu. Má vše, co potřebujete k dokončení projektu.

WYMstyle - rámec CSS - Přehled
Cílem tohoto projektu je poskytnout soubor osvědčených modulárních souborů CSS, které mohou být použity pro rychlou tvorbu webových stránek.

Další rozložení více sloupců YAML
"Další rozložení více sloupců" (YAML) je rámec (X) HTML / CSS pro vytváření moderních a flexibilních rozložených vzorků. Struktura je extrémně všestranná ve svém programování a je naprosto přístupná pro koncové uživatele.

CleverCSS
CleverCSS je malý značkovací jazyk pro CSS inspirovaný Python, který lze použít k vytvoření štítku stylů čistým a strukturovaným způsobem. V mnoha ohledech je čistší a výkonnější než CSS2.

sparkling CSS Framework
Sparkl kombinuje značku POSH, Bulletproof CSS a Unobtrusive JavaScript do jednoho snadno použitelného webového rámce, který usnadňuje vytváření neprůstřelných webových stránek, které odpovídají webovým standardům. Používá modulární rámec, který vám umožňuje používat to, co potřebujete, a vynechat to, co nemáte.

JQuery UI CSS Framework
Query UI obsahuje robustní CSS Framework navržený pro vytváření vlastních widgetů jQuery. Rámec zahrnuje třídy, které pokrývají širokou škálu běžných potřeb uživatelského rozhraní a mohou být manipulovány pomocí jQuery UI ThemeRoller. Vytvořením vašich komponent UI pomocí jQuery UI CSS Framework, budete přijímat sdílené konvence značení a umožníte snadnou integraci kódu v celé komunitě pluginu.


Napsal výhradně pro WDD Paul Andrew z Speckyboy.com

Používáte 960gs pro vaše webové stránky? Jaké jsou hlavní výhody? Rádi bychom vás slyšeli ...