9. február 2006 09.40 WEB

Webdizajnérština: Hovorí sa...

Prichádza dramatické gramatické okienko pre webdesignéra. Dnes si vysvetlíme nevhodnosť slova rozlíšenie a jeho nesprávne používanie vo webdesigne.

  • Nesprávne: v rôznych rozlíšeniach môže táto stránka spôsobovať problémy a vyzerať zle áno, vraciame
  • Správne: v rôznych veľkostiach okna prehliadača môže táto stránka spôsobovať problémy a vyzerať zle Pre jednoduchosť možno používať veľkosť viewportu


Slovo rozlíšenie je niektorými webdizajnérmi používané v nesprávnom kontexte pretože samotná fyzická veľkosť stránky nie je obmedzovaná rozlíšením ale veľkosťou tej časti okna prehliadača, v ktorej je stránka vložená.

Abstraktný obrázok desktopu s prehliadačomPozrieme sa na ilustračný obrázok (osoby neschopné abstrakcie bohužiaľ neuvidia nič, mohli by sa zdržať komentárov):

  • zelená plocha obdĺžnika zaberá celú plochu zobrazovacieho zariadenia a pre jednoduchosť nebudeme vysvetľovať rozdiel medzi fyzickými rozmermi a rozmermi v pixeloch a zjednotíme si to iba na pixely, toto zjednodušenie nie je len samoúčelné - v rôznych závislostiach medzi fyzickými rozmermi a "pixelovými" sa výrazne mení vnímanie celého zobrazenia,
  • čierna plocha určuje plochu, v ktorej sa zobrazujú okná programov a je z rôznych príčin o niečo menšia ako plocha zobrazovacieho zariadenia,
  • spustený program je názorne zobrazený ako červená plocha obdĺžnika, pričom sa obmedzujeme len na úplné zobrazenie okna programu bez úvah o virtuálnych čiernych plochách presahujúcich veľkosť zelenej plochy, či červených plochách vybiehajúcich z čiernej plochy,
  • biela plocha vo vnútri červenej plochy programu je "aktívna" plocha, u prehliadačov ju nazývame viewport.

Pretože som zámerne v abstrakcií prehnal pomery, veľkosti, vzdialenosti, tak je jasne vidno, že rozlíšenie je úplne iná séria hodnôt ako skutočná veľkosť webovej stránky. Tá sa totiž dokáže zobraziť jedine v hraniciach bielej plochy.

Neexistuje takmer žiadny lineárny vzťah "pixelovej" veľkosti bielej plochy k ostatným plochám:

  • predstavte si, že v skutočnosti sú všetky obdĺžniky z pružnej hmoty a je veľmi silné zemetrasenie - obdĺžniky sa naťahujú a pohybujú pričom zmena veľkosti vonkajšieho "stláča" veľkosti vložených obdĺžnikov,
  • biela plocha je vždy menšia ako červená plocha,
  • červená plocha nemusí byť menšia ako čierna, avšak je viditeľný iba prienik červenej a čiernej plochy.
  • pokiaľ navrhnem stránku pre istú pevne určenú veľkosť odvodenú od veľkosti (pixelovej) niektorej z farebných plôch, nedokáže nikto predvídať pixelovú veľkosť bielej plochy,

So vzťahom k fyzickým veľkostiam sa abstrakcia stráca v mori pomýlených dojmov:

  • fyzická veľkosť má voľný vzťah k pixelovej veľkosti a len veľmi zhruba možno naznačiť, že väčšia fyzická veľkosť (v cm) môže znamenať aj viac pixelov,
  • aj v prípade odhadnutia vzťahu fyzickej veľkosti k pixelovej pristupuje do hry úplne konkrétna veľkosť písmen textu (naozaj úplne mimo zvolenú abstrakciu) pretože u nej podobne nemožno určovať priamy vzťah k ostatným fyzickým či pixelovým rozmerom ešte v menšej miere ako v prvom bode.

Používajme preto významovo presnejší termín viewport a jeho rozmery miesto dokonale mätúceho slova rozlíšenie.

Pokiaľ sa ti zdá, že tento článok by sa hodil do výberu zaujímavých stránok, tak ho sme.sk pošli do vybrali.sme.sk

Komentáre k obsahu príspevku:

Chcete napísať nesúhlasný komentár? Prosím, zvážte nasledovné: je šanca, aby niekto zmenil Váš názor alebo chcete iba trvať na svojom? V prvom prípade sú Vaše slová vítané.

Chcete urážať? Nepíšte sem urážky a invektívy. Každý, kto na týchto stránkach publikuje je automaticky (doplňte vhodný výraz). Takže už to všetci vopred vieme, čo si myslíte a preto sa neopakujte.

  1. [1] Pjotr, 9. február 2006 20.51

    Rozlíšenie je ale intuitívnejšie. A keď už viewport, tak azda "to, čo vidím". Pretože viewport je anglické slovo ;-).

  2. [2] rony, 9. február 2006 22.53

    [1] ad rozlisenie: intuitivnejsie? to mi pripada skor nepresne, zavadzajuce.

    ad viewport a ze je to anglicke slovo... mno holt zvykli sme si aj na anglicke slovo Explorer :) v kazdom pripade je to v kontexte clanku nedolezite pretoze slovensky ekvivalent som tam myslim uviedol.

    okno, velkost okna, plocha zobrazovaca...

    naozaj nevidim problem miesto "rozlisenie" povedat "okno"

    priklad: tato stranka sa dobre zobrazuje aj v mensich oknach ale aj vo velkych oknach necini ziadny problem.

  3. [3] wawrik, 10. február 2006 08.53

    Btw: webdizajnérština je cechizmus jedna basen, v tvojich prispevkoch som celkom zvyknuty na vyssiu uroven slovenciny...

  4. [4] rony, 10. február 2006 09.03

    [3] vysypem si popol na hlavu ;-) kontroloval som sa nie moc dobre, chcel som vytvorit nejaku dizajnérsku obdobu názvu jazyka ale ako jazykotepec som neuspel - malo to byt webdizajnérčina :-)

  5. A tvoj názor?


funkcionalita - kto by bol spokojný s obyčajnou funkciou, ked môže mať rovno funkcionalitu? Je to dlhšie, znie to odbornejšie a dajú sa za to naúčtovať väčšie peniaze, keď posielame faktúru za nové webové stránky. Malý bullshitový slovník



Čítal som

Stručne komentované stránky, ktoré ma zaujali:

  • V Bombaji útočili teroristi. Rukojemníci sú v horiacom hoteli 07.59 Pri šiestich útokoch zomrelo najmenej 101 ľudí, z toho najmenej šesť cudzincov, zranených je 200-300 ľudí.
  • The Index.htm thread for Popcorn Hour 09.23 Velmi zaujimava rozsiahla tema diskusii okolo index.htm v PCH - spusta sa okamzite po nabootovani PCH ak je v roote.
  • Movable Type po rokoch | OttY@page 14.23 Z neistej príčiny som sa rozhodol, že si bližšie obzriem ako sa darí Movable Type („MT“), CMS napísanom v Perli, ktorý dnes nie je veľmi „IN“, aspoň v našich končinách (platí pre Perl aj pre Movable Type). Z dôvodu lepšieho ohmatania som si ho nainštaloval na hostingový server a trochu som sa pohral.
  • Dita Von Teese - Playboy, december 2008 12.58 Ditka v sete rozne ladenych fotografii.
  • 2.2 Firmware Now Available in iTunes 12.58 The newest version of firmware is now available in iTunes, version 2.2. We’re installing now on a test phone and will be providing screen shots and a direct link as soon as possible.
  • Kázeň musí být V. 12.58 Evžen vypadal zdrceně. Už zase v dobrém úmyslu, sám v roli poškozeného, porušil zákon. Protože věděl, že zákony se mají respektovat a navíc z toho neviděl cestu ven, zvláště poté, co se sám přiznal do protokolu, opět mužně přijal udělený trest. Je teď bez rádia, bez okénka, bez stěračů, bez poklic a bez antény, navíc ještě bez řidičáku a o pět tisíc lehčí.
  • Je čas na redefinici přístupnosti 11.15 Jestliže si nemohu jedním kliknutím přenést vlakový spoj z IDOSu do svého googlího kalendáře, není pro mne IDOS dostatečně přístupný.
  • Web - metody nahrazování standardních fontů - Chaos sanctuary 20.21 Standardní fonty se nahrazují především v hlavičkách a krátkých textech. Žádná z dále uvedených metod – sIFR, facelift (flir), typeface.js a font-face/CSS - není vhodná pro delší text. Všechny tyto metody jsou relativně nové a stále se vyvíjejí.
  • Nechte je padnout - Bloc 15.49 Ekonomická krize stejně jako každá správná choroba míří do další fáze. Zprávy z trhů už nejsou katastrofické, pouze špatné, pokles burz už není střemhlavý, ale pouze mírný a setrvalý, firmy nehlásí nečekané krachy ze dne na den (viz Lehman Brothers), pouze propouštějí po desetitisících a pouze hlásí snížení výroby či odbytu o pět, deset, dvacet procent.
  • Po ISS se prochází pavouk, dalšího zřejmě zmátl stav beztíže 14.39 Pavouka číslo dvě totiž natolik zmátl stav beztíže, že svou přepravku zaplnil sítěmi, aby přestal volně poletovat. V propletených síťových shlucích se nedá poznat, jestli je tam jeden nebo dva pavouci.
  • Got my girlfriend to model for my car (PICS) 09.39 Chlapik nafotil svoju priatelku pri svojom aute. Reakcii je tam na vyse 60 stran. Stravite na tejto stranke naozaj dlhy cas :-)
  • Tomanová má plán - eTREND 08.00 Ministerka Tomanová v relácii Slovenského rozhlasu "Sobotné dialógy" predstavila svoj plán zmien v systéme sociálneho poistenia a dôchodkového sporenia.


kde to ste?

príspevky

média


Čítaš Spravodaj? Klikni na Surf.sk!

WebHosting: WebServer.sk

Na také to domáce ukladanie veľkých súborov Kotuha.com

Dva šifrované gigabajty zadarmo pre vaše súkromné zálohy na mozy

Späť na obsah