Programujeme profesionálne - weby, z ktorých sa je možné ponaučiť

Týmto článkom, ktorý by som chcel postupne rozširovať, chcem poukázať na chyby, ktorým by sa mal kvalitný web developer vyvarovať. Dôvodov prečo tieto chyby vznikajú môže byť niekoľko. Môže ísť o snahu ušetriť finančné prostriedky, nesprávny výber dodávateľa či precenenie vlastných schopností. V každom prípade je dobré sledovať trendy a smerovanie v tejto oblasti, aby weby vyzerali moderne, pútavo a splnili svoj účel. Niekedy aj menej je viac.

Sporthouse

Web Sporthouse má absolútne zlý, resp. neriešený responsive design. Pri šírke prehliadača 1920 pixlov dochádza k tapetovaniu pozadia a pri šírke menej ako 960 pixlov k totálnej deformácii stránky. V rámci dizajnu je potrebné upozorniť aj na nevhodne zvolenú kombináciu farieb, kde na tmavom podklade "kričia" biele oblasti s raz čiernym a inokedy modrým písmom čo vytvára celkovo zlý kontrast a kazí celý dojem z webu. Navyše fotogaléria má obrázky s fisheye efektom. Vzhľadom na to, že zákazníkom má byť náročná klientela, vlastník webu by mal v čo najkratšom čase vykonať nápravu.

Obrázok: Sporthouse

Webster

Stránky na Websteri, medzi ktoré patria aj Write Great Code a The Art of Assembly Language, absolútne nezodpovedajú súčasnosti, ba dokonca zrejme ani minulosti. Absolútne nevhodné farby písma, celá farebná schéma a layout sú na veľmi amatérskej úrovni, ktorú je možné prirovnať k deväťdesiatym rokom. Ide pri tom o weby snažiace sa reprezentovať kvalitné odborné tituly, ktoré sú aj v súčasnosti ešte na knižnom trhu. Autori stránok navyše použili elementy <iframe> s posúvaním obsahu v každom elemente a z nepochopiteľných príčin nechali zobraziť časť CSS.

Obrázok: Webster

Fitup

Stránky Fitup sú takým slabším priemerom z hľadiska dizajnu, no aj tu autor zabudol na responsive design. Ak stránka nie je v minimálnom rozlíšení 960px, obsah začne pretekať a dizajn sa "rozsype". Stránky Fitup sú dizajnovo dosť podobné stránkam Sporthouse, a ak sa jedná o rovnakého autora, tak na oboch možno očakávať podobné nedostatky.

Obrázok: Fitup

Androidportal

A máme tu ďalšiu stránku s názvom android portal.sk, ktorá má podobné symptómy ako predchádzajúce stránky. Pri šírke menej ako 960 pixlov dochádza k pretekaniu obsahu a deformácii menu. Rovnako je zasiahnutý aj obsah, obrázky k perexom či päta webu. Som zvedavý, ako táto stránka vyzerá na mobilných zariadeniach. Pri použití prehliadača na celú šírku obrazovky je web dobre farebne ladený a z môjho pohľadu patrí k lepším priemerom. Škoda len tých Google reklám, ktoré kazia dizajn stránky.

Obrázok: Androidportal.sk

Záver

Verím, že uvedené príklady sú vhodnou inšpiráciou čomu by sa mal webový vývojár pri tvorbe webov v prvom rade vyvarovať. Ak poznáte aj vy podobné stránky, podeľte sa o ne prostredníctvom komentára.