Dobrý vs zlý kód

Dobrý kód sa pozná podľa mnohých indicií. Dobrý kód by mal byť okomentovaný, čistý a štruktúrovaný. Stránka by mala byť validná podľa daného predpisu a kód by nemal obsahovať zbytočné konštrukcie.

Štruktúra kódu by mala byť jasná a prehľadná.

Niektoré staršie prehliadače, napríklad Internet Explorer 6, majú niektoré CSS vlastnosti implementované chybne, alebo ich nemajú vôbec, tým pádom sa v nich stránka môže zobrazovať chybne. Tento problém sa dá obísť použitím štýlu konkrétne pre problémový prehliadač. Dobrý kód by mal mať takýchto štýlov čo najmenej.

Dobrá stránka je prístupná a použitelná. Riadim sa pravidlami prístupnosti, nezabúdam na možnosť zväčšovania písma, ovládanie stránky klávesnicou, schovaný text pod obrázkami alebo správny kontrast pisma voči pozadiu. Dobrý kód zaručuje, že keď si návštevník napríklad vypne obrázky, nenájde biely text na svetlej ploche.

Napísané CSS je okomentované, jednotlivé časti stránok, menu, layout. Je to vhodné pri veľkých CSS súboroch a pre tých, ktorí budu s takýmto CSS súborom v budúcnosti pracovať. CSSko by malo obsahovať základne informácie o autorovi, dátum vytvorenia, dátum poslednej zmeny a informácie o použitých špeciálnych konštrukciach alebo CSS3

Dobrá stránka ma takisto vlastný štýl pre tlač, ktorý zaručí, že sa na papieri objaví len to, čo si chce uživateľ vytlačiť a zbytočné veci (navigácia, reklama, atď) budú vynechané.

Prehľadný a štruktúrovaný kód
Prehľadný a štruktúrovaný kód

Zlá štruktúra, neprehľadnosť, nafúknutý kód
Zlá štruktúra, neprehľadnosť, nafúknutý kód

Stránka s vypnutými obrázkami
Stránka s vypnutými obrázkami

Normálne zobrazenie stránky
Normálne zobrazenie stránky

Zachovaná štruktúra aj pri vypnutých CSS
Zachovaná štruktúra aj pri vypnutých CSS

Stránka upravená pre tlač
Stránka upravená pre tlač

Stránka prešla validátorom
Stránka prešla validátorom W3.org