1024
1024×768 on resolutsioon, mis on umbes kahe kolmandiku kasutajate monitoridel. Enamus fikseeritud laiusega lehti on tänapäeval tehtud 800×600 resolutsiooniga monitoridele. Nii väikest resolutsiooni kasutab, olenevalt keskkonnast, 5-10 protsenti külastajatest. Ülejäänutel on resolutsioon suurem*.
Mul tekkis küsimus, kas võiks hakata tegema laiemaid veebilehti? Poolt argument on see, et enamus külastajate monitoridel on piisav resolutsioon, et näidata umbes tuhande piksli laiust pilti. Sellise tegevuse vastu räägib aga asjaolu, et umbes kümnendikul tekitaksid need lehed vastiku horisontaalse kerimisriba. Näiteks Google Analytics on tehtud arvestades 1024×768 resolutsiooniga (seadete leht on aga veniv).
Üks võimalus oleks teha „venivad“ lehed (laiusega sada protsenti), mis on täpselt nii laiad, kui kasutaja brauser. Mulle ei meeldi selline lahendus selle pärast, et nii ei tea saidi omanik kunagi, kuidas leht ühes või teises arvutis näha on. 1680 pikslit laial ekraanil oleks teksti lugemine täis laiusega aknas päris piinarikas ja lehe kujundaja nägemusest ei jääks ka suurt midagi järele.
Nüüd tagasi 800 vs 1024 lehe laiuse juurde. Miks ma ikka veel eelistan 800 pikseli laiusele monitorile tehtud lehti on asjaolu, et ma ise ei hoia programmide aknaid kunagi kogu ekraani suurustena ja sellega on brauser vähem kui 1024 pikseli laiune ning ja tekitab horisontaalse kerimise, kui leht on palju laiem kui 800 pikselit.
* Statistika pärineb kolme keskkonna näitajatest, mida on külastanud umbes 33 tuhat unikaalset kasutajat (Google Analytics’i andmetel).
Loading …
Prindi postitus
Tags: 1024x768, 800x600, disain, internetiturundus, kujundus, resolutsioon, sevenline
RSS 2.0
August 2nd, 2006 at 19:54
Ma arvan, et need 10% kasutajatest kannatavad horisontaalse scrolli ära
Pealegi, kui tekst ilusit vasakule lükata, pole sellel scrollil häda midagist.
August 2nd, 2006 at 22:02
1024 on vaikselt juba võimust võtmas. Enda tutvusringkonnas olevad kujundajad enamuses majandavad laheduste juures 1024 kuna see on standartiks saanud kasutajate juures. Viimase viie kolme aasta jooksul mäletan vaid ühte juhust kui mind suunati 800×600 resoga masina taha.
Samas on tõsine peavalu kujunduse ühtlase hoidmine erinevate uute eriti laptopi resolutsioonidega. Selle tarbeks on kõige hindlam relv vast 900-1000 laiusega vasakusse äärde ehitamine.
August 3rd, 2006 at 9:27
Kui kellelgi on must vöö CSS/XHTMLi vallas, siis võiks uurida, kas saab teha sellise kujnduse, mis ei lähe laiemaks kui 1024 aga kui aken on väiksem, siis läheb kitsamaks. Väiksema akna puhul poleks oluline niivõrd kujunduse säilimine, kui just see, et ei teki vastikut horisontaalset kerimist. Kas nii saab kuidagi?
August 3rd, 2006 at 14:48
äkki teha kaks div elementi üksteise sisse. välimine oleks width: 1024px; ja sisemine width: 100%; ? musta vööd ei oma
August 3rd, 2006 at 18:18
andrise mõte saavutab seda, et kogu kontent peaks näha olema (pole ise proovinud) aga kerimisriba jääb ikka.
August 3rd, 2006 at 21:35
aitab kui lisada body-le onload event: onload="if (document.body.clientWidth>1024) document.getElementById(’aken’).style.width = ‘1024px’; else document.getElementById(’aken’).style.width = ‘100%’"
(div, mida muudetakse omab id-d "aken")
Ei tööta siis kui akna suurust jooksvalt muuta, selle jaoks oleks vaja hakata event-e jälgima ja see keerulisem, aga lehe laadimisel paneb küll vastavalt brauseri laiusele mõõdud paika (muuda akna suurust ja tee refresh).
Muidugi oleks etem puhtalt CSS-iga hakkama saada, aga katsetasin ja see javascriptiga lahendus töötab ilusti FF1.5, IE7 ning Opera9 brauseritega nii et seega pole eriti vahet.
Näide asub http://tahvel.info/test.html
August 4th, 2006 at 12:42
Jah, see on päris asjalik variant. Mul on üks sait tegemises vaatan, kas õnnestub seda seal rakendada. Kui õnnestub siis näitan
August 8th, 2006 at 13:06
Kui keegi hääletab "midagi muud", siis oleks hea ka kommentaarides mainida mis see on…