Webdesign s mřížemi III
Aneb seznam webů s hezky udělanou mřížkou. Pro další inspiraci si stačí projít leckterou webovou galerii a uvidíte příkladů mnohem mnohem víc.
Dnes už je asi jedno, kdo odstartoval boom mřížek na webu. Možná to byl Jason Santa Maria a jeho famózní redesign časopisu A List Apart, Khoi Vinh a jeho blog Subtraction (mřížka live!) a NY Times. Možná spustila gridovou mánii Stylegala nebo Veerle a její blog. Každopádně mřížky jsou tady a je ten správný čas je používat.
Další a další weby s mřížkou
Výraznou, méně výraznou, symetrickou či asymetrickou, ale přesto mřížkou. Větší část jsem získal tak, že jsem prošel prvních pár stran galerie CSS Mania, zbytek čistě po paměti.
- The New York Times
- Kineda
- Worldwide Fido
- Mamaison
- Web.burza
- Jeff Croft
- Veerle
- Seznam
- Spark Fusion
- Stylegala
- Garuda Magazine
- Hillary 4 president
- Design Meltdown – The Grid
Doporučené čtení
- Dave Shea: The Zen of CSS Design
- Andy Clarke: Transcending CSS
- Robert Bringhurst: The Elements of typographic style
- Mark Boulton: Grid Systems
- Grid systems in Web Design
Komentáře
Díky za přínosnou sérii článků!
O mřížce resp. o sloupcích jsem takhle nikdy neuvažoval, rozhodně to zkusím.
Díky za článek i odkazy. Ta Web.burza mě fakt dostala.
víš co mě překvapuje? že tolik lidí překvapuje ta mřížka.
Když už jsi mě teda odkopal s tím překládáním, tak už tenkrát, když jsem to dělala, mě napadlo, že by v souvislosti s tím článkem se dalo sehnat i něco o gridu, ale pak jsem si řekla, že to už je asi mezi webdesignéry tak známé, že by to bylo zbytečné.
Tak aspoň jeden výživný odkaz od Khoi Vinh ˇ(je to asi k diskusi na SXWS):
Pekná séria. Úroveň blogu zase trochu vyššie.
[5] tak to tedy ne – Filův blog už se dávno smaží v blogerském megapekle..
Jak tak koukám na ten svůj komentář, tak vypadá trošku arogantně, sry.
Myslela jsem to tak, že vlastně tu mřížku u jednoduchých webíků
podvědomě děláme, ať už kvůli tomu, že
1.div =obsah, 2.div = menu a je vymalováno,
nebo jako pozůstatek tabulek.
My, Filosof I. Milostivý Ti Tvůj prohřešek proti etiketě odpouštíme, ctihodná SuE. Především proto, že nás to šokuje taky ;-)
[8] nojo, sokuje te to, ale priznej, ze ses rad. Bys jinak nemel o cem psat. (-;
Muhehe – jasně – už mám námět na další článek :-)
Uplne suhlasim so systemom mriezky (grid). Povedal by som, ze to ma za nasledok, ze sa vam niekedy web paci a dobre sa vam v nom orientuje a ani neviete povedat vlastne preco …nakolko sa tam nenachadzaju ziadne vyrazne obrazky, okruhle okraje a podobne. Urcite sa na tom podielaju aj ine faktory ako typografia, iconografia, farebna skala a podobne, ale budova stoji na zakladoch a to je prave mriezka.
Jednym z dalsich prikladov vybornej mriezky a aj s jej porusenim (sekcia news) najdete na http://www.newsvine.com/.
Našels zajímavé téma
Já se zabývám spíše technickými aspekty, takže se mi série líbila a docela mi rozšířila obzory. Takže Tě tímto chci popíchnout, abys v podobných článcích pokračoval…
Celá serie článků o mřížce se moc povedla, zase jsem se dozvěděl něco nového a navíc přínosného. Autorovi dík :)