conBLOG

Jak je to dlouho, co jste naposledy byli na stránkách firmy Microsoft? Já se tam dneska podíval po přečtení článku Microsoft Advances. Microsoft si opravdu hrábl na dno, když přistoupil ke změnám:

• Poměrně výrazná změna vzhledu webu – ne vše zařezává jak by mělo, ale došlo k výraznému zjednodušení vzhledu.
• Zmenšení počtu tabulek použitých pro rozložení obsahu – z původních asi 40 tabulek (ty jsou ještě na české verzi webu) najdete v kódu pouhých 7.
• Zrušení některých webdesignérských prasárniček (roztahovací gify, zrušení proprietálních atributů apod.) – nevím ale proč některé zůstaly (např. nepoužívání seznamů pro seznamy).
• Zmenšení velikosti kódu – mj. důsledek předchozích opatření a komprimace kódu.
• Obrázky mají dokonce alt – a světe div se, je jich jenom 13.

Web Microsoftu samozřejmě pořád není možné považovat za vzor všech webdesignerských ctností a ukázku správných postupů. Pořád ještě není bez chyb (validátor odhalil půl stovky chyb). Je ale patrný krok správným směrem a věci se pomalu dávají do pohybu.

Roger Johansson vyjmenoval v článku Web development mistakes (via Digital Web Magazine) 18 největších chyb, se kterými se potkává na webu:

DOCTYPE zmatek

Chybějící, špatně zapsaný nebo umístěný na špatném místě.

mánie

Obecný způsob stylování čehokoli pomocí CSS je obalit to do elementu s class atributem. Nehledí se na sémantiku, na kaskádu, dědění atd.

Příliš vizuální myšlení

Nahlížení na web skrze WYSIWYG. Vývoj začíná vzhledem místo toho, aby se začalo u struktury a obsahu.

Nedostatek sémantiky

Kód postrádá sémantiku (význam). Autoři vychází z toho, jak je daná značka výchozím způsobem vykreslována místo toho, aby se zamysleli nad významem značek a správně je použili.

Mišmaš v kódování

Použití jednoho kódování v HTTP hlavičce a dalšího v dokumentu. Některé prohlížeče pak nemusí dobře zobrazit některé znaky.

Špatné atributy alt

Chybějící nebo zbytečné. Element musí mít alt atribut. Myslete na smysluplný text v hodnotě atributu.

Neplatné id a class atributy

Opakované použití stejné hodnoty id atributu v jednom dokumentu. Neplatné znaky v jejich názvech atd.

Kádrování prohlížečů

Zjišťování, jaký prohlížeč návštěvník používá a posílání upraveného kódu pro daný prohlížeč. Když odhlédnu od skutečnosti, že je možné napsat univerzální kód, tak bych připomenul problémy s novými prohlížeči nebo prohlížeči, které se maskují za jiné.

Chybějící jednotky v CSS

Délkové jednotky musí mít zadanou jednotku (vyjma nulové hodnoty). CSS není HTML.

Proprietální CSS.

Používání nestandardních vlastností některých prohlížečů (stylování posuvné lišty v IE, filtry apod.).

Závislost na JavaScriptu

Někteří lidé mohou mít vypnutý JavaScript. Nebo používají zařízení, které JavaScript nepodporuje. Podobně pracují také roboti vyhledávačů.

Zavislost na Flash

Ne každý má Flash instalovaný. Vyhledávací roboti si s Flashem také neporadí.

Obrázky místo textu

Tohle není příliš přístupné. Podívejte se na svůj web s vypnutými obrázky. Zvětšujte písmo. Myslete na vyhledávače.

Špatné formuláře

Nepřístupné, špatně použitelné formuláře. Říká Vám něco ,

a

.

Stará škola HTML

Opakovaně vnořené tabulky, neviditelné GIFy k vytvoření mezer, značky atd.

Nic než IE

Nejdřív navrhovat pro IE/Win a až pak napravovat pro ostatní není to pravé ořechové.

Neplatné HTML atributy

Používání zavržených atributů nebo nestandardních atributů.

Nekódovaný znak &

Problém při odkazování. Mnoho URI obsahuje znak &, který musí být v kódu zapsaný jako &.