zmena dizajnu: Dizajn sa zmen automaticky podla casu!

Najvhodnejšia šírka webu? 960 Grid system

Aká je najvhodnejšia šírka pre dnešné internetové stránky? Niekto to nerieši, pre iného je to možno problém. Ja som nikdy nejak extra neskúmal aká šírka stránky je najvhodnejšia ale dávnejšie som narazil na stránku 960.gs ktorá ma presvedčila o tom, že najvhodnejšou šírkou pre dnešné weby je 960 pixelov.

Prečo je 960 pixelov najvhodnejšie?

Hlavne preto, že číslo 960 je deliteľné 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 a 480. Na stránke 960.gs je toho samozrejme viac ale 960 Grid System Vám umožní flexibilne si rozvrhnúť a rozkúskovať jednotlivé časti webu.

Základ systému

Základ systému tvoria stĺpce v celkovej šírke 960 pixelov rozdelené na 12 a 16 stĺpčekov. 12 stĺpcový systém obsahuje stĺpce šírky 60px a 16 stĺpcový šírku 40px. Každý stĺpec obsahuje 10 pixelový margin v ľavo a pravo.

K čomu je to dobré?

Vzhľadom na tento stĺpcový systém si pri tvorbe webu môžete presne rozvrhnúť jednotlivé časti webu tak, aby vždy vyplnili vhodnú šírku a zároveň pôsobili vyvážene a pekne. Stačí že jednotlivé bloky budú mať šírku vždy podľa mriežky.

Jeden z príkladov zo stránky 960.gs ktorý to pekne znázorňuje…

960 Grid systém je podľa mňa vhodné používať i keď ja to momentálne veľmi nerobievam ale snažím sa svoje zvyky odnaučiť a držať sa niečoho takéhoto. Minimálne si tým uľahčíte robotu pretože nemusíte rozmýšľať nad šírkou jednotlivých častí Vašeho webu. Viac informácií a súborov na stiahnutie na http://www.960.gs

Podobné články

Vaše komentáre

  1. Vandrák hovorí:

    Ja 960px šírku používam veľmi dlho, ale nikde som sa o tomto nedočítal. Som si takú šírku proste zvolil, ale zdá sa, že dobre : ) .

  2. Marko Kolar hovorí:

    myslim ze coskoro budeme robit weby vacsie :) vcelku sa tesim na “novu dobu” … velke monitori uz su bezne… ale 1024×768 je stale az moc popularne… teda 960px je rozumna volba

  3. Marek Oravec hovorí:

    fuha, tomu hovorim dobre si rozvrhnut web.. vsetko dokonale sedi

  4. Takto hovorí:

    Ber to ako komentár v zátvorke mimo témy ale nedá mi nepochváliť nový vzhľad tvojho blogu, dlhšie som tu nebol ale keď vidím tento nočný redizajn tak mám chuť redizajnovať všetko na tom svojom od hlavy po päty, big thumb up, veľmi pekné

  5. Takto hovorí:

    aha :) cez deň to tu zrazu vyzerá inak .. nabudúce pred každým neuváženým komentárom najprv rozložím stan pred blogom a počkám či sa do rána niečo na dizajne nezmení.. tak tak, pri podobných featurkách ako táto ľutujem, že blogujem na bloggerovi a nie na wordpresse

  6. Peter Oravec hovorí:

    staci si vo windowse zmenit cas a uvidis zmenu dizajnu, celkovo je 6 stavov

  7. lewro hovorí:

    Tiez pouzivam Grid ako zakladny prvok pre navrhu designu. Nepouzivam 960, ale navrhol som si sam svoj i ked vidim, ze aj s tymto by sa mi dobre robilo.
    BTW pri redesigne ti uslo #comments-wrap p {width:560px;} – To len aby si to nemusel hladat :)

  8. Peter Oravec hovorí:

    ano dik, viem o viacerych nedostatkoch este ale som lenivy to poopravovat… :-D

  9. lewro hovorí:

    Chapem, tiez mam dlhy list veci co musim fixnut u seba. Len toho casu keby bolo viac :)

Aký je Váš názor?