Weblabor

As első oldalra csak egy kritikát tudok írni: „You're a Comic Sans Criminal”. Persze akad még kritizálni való, de inkább menekülőre fogom.

Csak az elsőig jutottam, de már ott annyi hibát véltem felfedezni, hogy inkább nem is folytatom. Miért kell például JPEG képet használni, ahol a PNG sokkal jobb? Sok helyen teljesen feleslegesen használtál képeket, például a tartalom jobb, bal oldala sokkal szebben megvalósítható egy 1px-es kerettel, felesleges a kép.

Rengeteg felesleges <img> elem van az oldalon, ami helyett háttérképet illik használni, mivel nem részei a tartalomnak. Ezen kívül a <nav> elem van rengeteg helyen hibásan használva. <a> elembe nem illik <p> elemet rakni, habár a HTML5 megengedi ezt. Főleg mivel a használt esetekben nem is használják ki, hogy azok bekezdések, ráadásul a bekezdés használata azokon a helyeken nem is ajánlott, mert nem tükrözik az elem jelentését. A menüt érdemesebb lenne inkább egy felsorolásként kezelni, mert az.

Azok a képek viszont melyek tartalmat hordoznának, nem hordoznak tartalmat. Vegyük például a Cégismertető vagy a Referenciák vagy magát az oldal nevét képező „feliratokat”, amik nem feliratok, mert nem szövegek, még csak alt formájában sem. Így kikapcsolt képek mellett semmi információ nincs az oldalról.

A fejlécben lévő <div> használata is teljesen félrevezető, miért nem lehetett hozzá egy sima linket használni, és akkor még az onclick attribútumtól is meg lehetne szabadulni (ami kikapcsolt JavaScript esetén egyébként se működik), a style-al egyetemben, ahogy az <img> elemekről a border attribútumot, amelyek egyébként se tartoznak a HTML-be.

Ha már HTML5, akkor a Cufon-t és érdemes lenne elfelejteni, helyette @font-face-t illik használni. Mindig a megfelelő HTML elemet illene használni, de ez úgy látom egyelőre nem akar menni. Ajánlom az HTML5 Doctor oldalt tanulmányozásra. Van még itt jó pár hiba, mint az attribútumokban nem kódolt speciális karakterek, mindenfelé megtalálható style attribútumok stb. A böngészőkben történő fura megjelenésekről most nem beszélnék, elég ha megnyitod az oldalt Fx8-ban vagy Operában és láthatod, milyen hibák vannak.