×
COOKIES
Prezeraním tejto stránky dochádza k spracovaniu cookies. Spracovaniu cookies zabránite v nastaveniach internetového prehliadača alebo nezobrazovaním tejto stránky v internetovom prehliadači.
Technologický web Mateja Lednára
Spoznávajte svet technológií

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
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
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
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
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.
Autor: Matej Lednár
Dátum: 13.12.2012
Kategória: Programovanie
Značky:
programovanie, dizajn, layout
Programovanie,programovanie,dizajn,layout
Žiadna časť tohto článku nesmie byť reprodukovaná bez uvedenia autora a URL na túto stránku.
Viac informácií nájdete v sekcii O projekte.

Komentáre

Článok neobsahuje zatiaľ žiadne komentáre.

Pridať komentár

Meno (povinné)
Web
Správa (povinné)
Odoslať
Od najnovších