Heidi Pollock v obsáhlém článku The End-All Guide to Small-Screen Web-Dev seznamuje tvůrce webů se správnými postupy vytváření stránek pro webová zařízení s malou obrazovkou (např. PDA, mobilní telefony apod). Via Digital Web Magazine.
Dnes zveřejnil Interval.cz mou recenzi Všeobecná zdravotní pojišťovna. Není to veselé čtení, ale jako obraz stavu je to dostatečně výstižné.
David Špinar upozorňuje na problém s funkcí Vysoký kontrast při zobrazení formulářů ve webových stránkách. Pokud nadefinujete styl formuláře jiný než výchozí, riskujete, že bude nepřístupný. David testoval 4 různá nastavení vzhledu formulářů a na různých prohlížečích ověřoval, co se stane, když zapne ve Windows funkci Vysoký kontrast. A jaký je závěr:
Jak tedy optimálně definovat barvy u formulářových prvků? Podle mého názoru ideálně nijak. Je-li to možné, měl by tvůrce nechat na systému, jakou barvu přidělí pozadí a písmu ve formulářovém poli. Tato varianta je přístupná jak v MSIE tak v Mozille/Firefoxu.
Stylování formuláře se možná projeví tak, jak očekáváte. Je ale pravděpodobné, že cílové zařízení přeformátuje některé a nebo všechny prvky podle svého uvážení. A tak se může stát, že návštěvník uvidí místo vyplněného textového pole černý obdélník. A tady končí zábava.
Bylo by krásné, kdyby všechny prohlížeče pracovaly s CSS tak, jak říká norma. Ale realita je pro mnohé tvůrce webů až příliš krutá. Dave Shea přináší 7 tipů jak řešit problémy s návrhem CSS:
border: #F00) a uvidíte přesně, co se děje. Je chyba v margin nebo padding? Dobrou službu také udělá dobře nastavená barva pozadí – background-color0.9em na 0.91em může způsobit úplné zázraky.div udělá se stránkou úplné divy.Já dodám ještě, že je dobré, když máte hezky napsaný kód. Odsazujte zdrojový kód pomocí tabulátorů. Ze struktury kódu by mělo být patrné zanoření značek. Pořádek a jasná struktura by měla být i v CSS souboru. Podobné vlastnosti patří k sobě a dodržování pořadí vlastností taky nezaškodí. Ale toto by už bylo na samostatný spot.
Živě před nějakou dobou spustilo nešťastný seriál o tvorbě webových stránek, který záhy po bouřlivé reakci lidí znalých mj. metamorfoval do seriálu o tvorbě XHTML. Včera na mě z RSS čtečky jukl titulek Začínáme s XHTML – Základní elementy a lákavá upoutávka:
V dnešním článku se budeme věnovat textovým elementům a entitám. Textové elementy jsou sémantické, udávají význam textu. Všechny elementy o kterých se zmíním musí být uzavřeny v elementu body.
Toto mě naladilo a tak jsem si článek otevřel a začal číst. Pak ale následoval pád mého systému a tak jsem si odnesl jen 2 informace:
strong se vykreslí tučně a em jako kurzíva (sic!)Po restartu PC už ale odkaz není funkční – vždycky mě to vykopne na (ne)titulku Živě. A teď nevím, jestli byl článek stažen, jestli je chyba na mém přijímači, jestli hapruje vysílač, nebo za to mohou američtí imperialisté.
Když jsem dneska navštívil web CZilla, opět jsem si uvědomil, že návštěvníci nejsou stejní. Zdá se vám to jasné? Říkáte si, že nemám co psát a tak přidávám další nic neříkající spot?
Na CZilla je spuštěná anketa Používáte RSS čtečky?
Odhlasoval jsem, abych se dostal k průběžným výsledkům. V anketě v tom okamžiku odhlasovalo 539 lidí. Slušný vzorek. Takové jsou výsledky:
Já jsem se tady na conBLOGu ptal dvakrát na věci související s RSS a mj. jsem zjistil, že:
Co je RSS?
Výsledky se velmi liší. A přitom by se dalo předpokládat, že lidé používající Mozilla prohlížeče patří mezi ty i-zdatnějí. Přesto ale neví vše. RSS je pro ně ne zcela běžný pojem.
Co z toho plyne? Tvůrce webu by si měl dát velký pozor, jaký obsah a v jaké formě svým uživatelům nabídne. Co je tvůrci nebo zadavateli nad slunce jasnější, to může návštěvníka dokonale zmást. Naše představy o návštěvnících se mohou zásadně rozcházet se skutečností. Proto platí, že nestačí jen předpokládat, je třeba také prověřovat.
Vzpomenu jeden starší článek ze Stopdesign. Popisuje několik možností, jak by mohla vypadat náhrada textu obrázkem pomocí background-image v CSS a HTML: Using Background-Image to Replace Text – Douglas Bowman.
ALA 172 přináší článek o stínech a o kulatých rozích:
Po ne zcela povedeném prvním díle seriálu o výuce HTML přichází Šimon Grimmich s pokračováním. Poučil se z některých připomínek a skočil rovnou na XHTML: Začínáme s XHTML. To nezní špatně.
Nechci se vrtat v nedotažených větách, které sem tam postrádají přesný význam. Nechci se pídit po chybách (míchání pojmu element a tag apod.) a mlžení. Dneska si chci užívat slunečný den.
Aktualizace: Petr Staníček do komentářů mj. uvedl: …Pro autora bylo zajisté zlatým věkem HTML plné [FONT]ů, [B], [BR] a tabulek. V tom je určitě skvělý – bylo to patrné z prvního dílu, z této části to přímo čiší. Fajn, proč ne. Ale v XHTML fakt tápe…
Některé prohlížeče mají velmi užitečnou funkci – filtrování obsahu. Vedle přístupnosti a použitelnosti je u webových stránek důležitý uživatelský prožitek (user experience). Ten v sobě přístupnost a použitelnost zahrnuje. A k tomu přidává ještě další faktory. Třeba to, jak je návštěvník schopen splnit cíl, pro který se na web vydal.
Jako pokusného králíka jsem zvolil TOPlist, který dost často používám, a který dobře poslouží dalšímu výkladu.
Filtrování se většinou používá pro odstranění reklam z webových stránek.
Obr. 1 – Stránka včetně reklam
Reklamy agresivním způsobem ničí dojem ze stránky. Přehlušují vlastní obsah, ruší a zpomalují práci. Po odfiltrování reklam se prožitek výrazně zlepší:
Obr. 2 – Stránka bez reklam
Autor nemůže nikdy dopředu přesně určit, jak budou se stránkou návštěvníci pracovat. Někdy zvolí pro zobrazení nevhodné nebo přehnané prostředky.
Na obr. 2 až příliš výrazně vystupují do popředí červené šipky znázorňující pokles návštěvnosti. Mimo to se v oblasti zobrazují i modré a zelené šipky. Všechny informace jsou smíchány dohromady a obtížně se v nich orientuje. Proto jsem odfiltroval červené šipky (obr. 3). Informace se neztratila (vím, že nic znamená pokles – zajímají mě pouze vzestupy).
Z hlediska práce se stránkou nepoužívám vpravo se opakující symboly grafů. Pro můj úkol je to nadbytečný prvek, který mě informačně zahlcuje. Proto je také odfiltrován:
Obr. 3 – Odfitrované červené šipky
Tento spot nemá za cíl kritizovat TOPlist. Chci ukázat, že na stránkách, které často navštěvuji, mohu díky filtrování obsahu zakázat prvky, které nepoužívám, nebo ty, které mi brání ve snadnému přístupu k informacím.
Také autoři webových stránek by měli pečlivě zvážit, k jakému účelu jejich stránky návštěvníci užívají. Tomuto účelu pak musí podřídit formu.