Preporučljive standardne dimenzije weba

Koji je trenutno preporučljiv width?

960 se odnosi na rezoluciju 1024.
Po w3c-u za 2011. taj standard je pao na 14%.
Dok je 800x600 je otišao u povijest.

Kod 960 mi nije jasno zašto toliko, kada je rezolucija 1024. Tek toliko da ostane malo prostora sa strane ili…?

Možda je tih 64px “viška” predviđeno za margine, paddinge i bordere koji “proširuju” elemente?

Primjetio sam dosta developera zaboravi (ili ne vodi računa) o “proširavanju” elemenata kada postavlja margine. Tako da često width bude 993px, 968px…

Da li je to razlog zašto se na rezoluciju 1024 ide sa 960px širine?

Preporučam ti 960 grid system. Čini mi se da je safe width 1002px. (Širina do koje možeš ići a da se u svim browserima ne pojavi horizontalni scrollbar).

Pojavom sve većih monitora kod sve manje ljudi je browser na full screenu.

Dakle:

http://960ls.atomidata.com/

Ide se zato što je jednostavnije raspodijeliti “elemente” stranice (grid)

http://960.gs/demo.html

Što se tiče sve većih rezolucija monitora - to je istina, no dosta je teško čitati tekst ako je razvučen preko cijelog monitora. Također, tu su i mobiteli, tableti na koje isto treba računati.

960 je djeljivo sa 1, 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, 480, 960.

Dok je recimo 993 djeljivo samo sa 1, 3, 331, 993

Dakle, zbog lakšeg dijeljenja.
Našao sam i jedan članak o tome.

Osim dijeljenja tu je i desni scroll koji pojede 20-ak pixela širine. Također postoje i razni gadgetsi koji se mogu instalirati u preglenik i time pojesti širinu.

Opet, kako je rezolucija 1024 x 768 najzastupljenija i danas? Pa to su monitori stari 10-ak godina. :hmmmmmm:

Predpostavljam da je riječ o računalima u uredima, državnoj administraciji…

  • iPad :smiley: sjećam se da je Goran iz Nivasa pisao o tom kak je taman mislio da je 1024px prošlost i onda se pojavio iPad

Da, osim toga, surfanje na fullscreenu na full hd rezoluciji nema nikakvog smisla. Sumnjam da će se stvari puno promijeniti po tom pitanju. Širina stranice > 960px ti nije potrebna u 98% slučajeva.

Danas je najzastupljenija rezolucija 1280 x n (1280x800 ,1280x960 ,1280x1024…)

Rezolucija nije isto što i širina browsera. Što je veća rezolucija, sve manje ljudi ima browser u full screenu.

Pri većim širinama stranice, 1200 i više, teško je pogledom obuhvatiti sve i snaći se na stranici.
Sigurno postoje znanstvene studije o tome, pa guglaj.

Optimalna duljina retka teksta je 50-70 slova (sa razmacima i interpunkcijom).
Na webu se najčešće koristi 80-100 slova.
Uz font od 12-13px, dodaš li navigaciju i sidebar, dobiješ oko 1000px.

Najveći portali su utrošili gomile novaca, vremena i rada da dođu do optimalnog layouta.
I svi koriste širinu oko 1000 px.

A tu su i gadgeti kao iPhone 4 s rezolucijom 960x640, iPad s rezolucijom 1024×768… što je previše da im se servira mobilna verzija sajta, a premalo za širine preko 1000px.

Širina od 960px zadovoljava sve uvjete, i uz to je lako djeljiva.
960px se može podijeliti na 12 stupaca jednake širine (12 je djeljivo sa 1, 2, 3, 4, 6, 12)
ili na 16 stupaca jednake širine (16 je djeljivo sa 1, 2, 4, 8, 16).

Djelim mišljenje da je širina stranice od 960 px idealna, pogotovo ako koristiš 960 grid sistem.

A ništa, ostajem na 960.
Do sada sam sve radio u toj širini.

Trenutno radim dizajn kompleksnijeg portala, koji ima lijevi i desni sidebar a content dva stupca - pa bi mi dobro došlo još 100-njak px.

Što mislite o fluidnim ili eleastičnim layoutima?
Npr:

http://matthewjamestaylor.com/blog/perfect-3-column.htm

To ovako na prvu izgleda funkcionalno i jednom sam se upustio u izradu takvog weba ali sam nakon par dana borbe odustao. Čak sam našao i JavaScript trikove, kojima se može postići resize grafičkih elemenata, bez gubitka kvalitete. Ali sve je to nestabilno do bola.

Jeli tko od vas složio kakav kompleksniji web u takvom layoutu?


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja