PocketIE a detailnejšie o podpore CSS v ňom

Nový operačný systém pre vreckové počítače Windows Mobile 2003 má zabudovaný prehliadač s menom PocketIE (Internet Explorer for PocketPC) s jedným výrazným vylepšením – podpora CSS. Niekoľko kodérov stránok sa vyjadrilo, že je veľmi ťažké myslieť pri tvorbe na ďalší prehliadač. Iní doporučujú striktne tvoriť „textové verzie“, ďalší sa zasa vŕtajú v detailoch podpory CSS a preto tu mám sumár podpory CSS v tomto prehliadači.


Kóderi, ktorí už dnes pracujú tak, že dokumenty HTML píšu štrukturovane a vzhľad stránky presúvajú do moci CSS sú označovaní ako beztabuľkáči. Tento pojem sa zaužíval ale nie je celkom presný – laik, ktorý spáchal niekoľko stránok s výraznou podporou niečoho z dieľne Macromedie alebo Microsoftu by si myslel, že základom „nového“ systému tvorby stránok je vypustenie tagu TABLE a validovanie výsledku. Všetko je inak a pochopenie zmyslu takejto stavby dokumentu a jeho vzhľadu je v niečom inom. Aj keď sa beztabuľkáčovi zdá, že je to jednoduché (a ono to po pochopení naozaj je), proces pochopenia je zdĺhavejší a zrejme len praktické príklady pomôžu.
Z osobnej skúsenosti môžem povedať, že vlastníctvo PDA ma prirodzene donútilo ohliadať sa za spôsobmi ako vhodne vytvoriť stránku pre majiteľa tohto zariadenia. Z toho vyplynuli niektoré zásady:
– v žiadnom prípade nepoužívať tabuľky na vytvorenie layoutu stránky (pozrite si stránku vo svojom prehliadači tak, že šírku okna zmenšíte približne na 200-300pixelov – úzky pruh – tak totiž dopadnete v PDA),
– nedopustiť zobrazenie stránky tak, aby sa musela rolovať doprava a doľava,
– žiadaný obsah stránky (z pohľadu čitateľa) dať v dokumente čo najvyššie (navigácia, podružné časti na spodok),
– nepoužívať na navigáciu obrázky bez náhrady za textové menu (s výhodou treba použiť CSS),
– príliš veľký dokument sa načítava pomalšie, čo obmedzuje najmä pomalšie stroje,
– doporučujem venovať chvíľu vytvoreniu verzie CSS pre media handheld a testovať zobrazenie v bežnom prehliadači so šírkou okna podobnou veľkosti PDA, výsledok dajte preveriť človeku, ktorý PDA bežne používa,
– použitie CSS pre handheld prinesie odstránenie problému s diakritikou (háčky a čiarky), ktorým trpia zatiaľ všetky verzie PocketIE,
– stránky synchronizované za pomoci AvantGo sú odstrihnuté od vzhľadu (čiže aj od CSS napriek tomu, že je media handheld), čiže stránka aj bez podpory CSS musí byť zrozumiteľná,
– na linky typu „a ďalšie informácie nájdete tu“ sa ťažko triafajú stilusom,
– počítajte aj s hĺbkou vnorenia AvantGo a snažte sa stránku postaviť logicky tak, aby ste sa v prvej až druhej úrovni dostali do PDA pri synchronizácií, to je problém niektorých RSS kanálov, ktoré napríklad neodkazujú na celé články,
– grafika by mala byť veľmi striedma, najmä v AvantGo sa dá nastaviť jej ignorovanie, ALT popisky nemusia fungovať a prázdne štvorčeky sú zväčša iného rozmeru ako by ste si želali (rozbije to stránku),
– pozor na formulárové prvky.
Našlo by sa milión ďalších praktických pravidiel ale vo všeobecnosti nie je príprava „verzie pre PDA“ nijako zložitá alebo náročná na čas – je to vedľajší produkt systematického dodržovania dnes aktuálnych pravidiel pre písanie „beztabuľkového“ layoutu.

Môže sa Vám ešte páčiť...

3 komentáre

  1. Bolek píše:

    No bodaj by sa aspon podla polovice z tohto riadili tvorcovia stranok.
    A hlavne teda bankove institucie (konkretne inet banking TB je na pdacku uplna hruoza)

  2. rony píše:

    Hehe, ja garantujem minimalne jednu banku na Slovensku, ktora na PDA ma internet banking v pohode ;-)

  3. Bolek píše:

    A obavam sa ze asi aj jednu:-(
    Aspon teda ked som sa volakedy o to zaujimal. Teraz mi musi vystacit mobilbanking TB