Kritika stránek nakodovaných od Vitalityho77*

Určitě bych změnil písmo ;-) a to u obou webů

Písmo je fakt příšerné(jako samo o sobě špatné není ale k tomuto se vůbec nehodí), o tom žádná.
Upřímně se moc nepřikláním pro tagy které jsou pouze v html5(header, article atd..) už jenom z důvodu že lidí co mají prohlížeč bez podpory HTML5 je poměrně dost, takže bych to radši udělal pomocí obyčejných divu, protože to může udělat docela neplechu.

Jinak jsem tam toho nic moc nenašel(moc jsem nehledal), na první pohled to vypadá dobře. Takže změnit to písmo, možná nahradit html5 tagy divama a bude to dobré.

Vitality77:
„Písma jsem si vědom, to už jsem překousnul :)“
Typ písma není vůbec nikde deklarovaný, stačí pro body přidat alespoň font-family: sans-serif;

Nepoužívej list-style-image, ale byckground.
http://teststranek.kvalitne.cz/odrazky1/
http://jecas.cz/obrazkova-odrazka

První web je na můj vkus příliš zaoblený a v kódu je spousta pozicování. Taky koukák, že se ti zalíbily CSS transitions, na můj vkus je používáš až příliš často a se zbytečně dlouhými časy.

<ul class='sipka'> kdybys změnil šipku za kolečko nebo čtvereček, přejmenuješ třídu? Doporučuji pro příště zvolit vhodnější pojmenování třídy.
Malé modré může být i velké červené

Na obou je videt, ze je to hodne amatersky provedene a ze nemas graficke citeni.

http://bmeostrava.cz/html5/index.html
Nejlepe vyvedena je asi ta tabulka, vsechno ostatni bych asi zahodil a zacal znovu.
- preplacane nekolika druhy k sobe neladicich grafickych prvku
- levy sloupec ma spatne resene marginy textu od okraju, treba
-- prvni 4 polozky, nahore more mista, dole nalepene na Tempor incidunt
-- rozbalene menu ma u robalenych polozek zbytecne velky margin zhora a ze spodu a pod nimi jsou jakesi cerne texty s uplne jinymi marginy a navic dole spousta mista nez zacina kulaty ramecek. Nehlede na to, ze menu ma zleva uplne jinou pozici nez ostatni text. U vyznacene polozky ma navic spatny kontrast text / barva pozadi.
-- nevim, proc ma u Newsletter text obsahu jine radkovani a pismo nez vpravo treba Lorem ipsum
A takhle by slo pokracovat s odsazenim a vyskou radky, velikosti pisma... pro celou stranku.
- podobne je na tom ta grafika.
-- Jednou pouzijes ostrou fotku, ok. Pak pouzijes minifotecky, ktere maji kulaty okraj a jsou rozmazane.
-- Pak tam mas ruzne druhy stinovani, ktere absolutne neladi s nestinovanou tabulkou plnych barev.
-- Podobne s tim neladi ten obrazek pod cernym menu nahore. K tem samym plnym barvam tabulky vubec neladi pruhlednost menu.
-- Dale tam mas treba prostorovou 3d lupu, ale ikonka telefonu v pravem sloupci, neni od stejneho autora. Navic, telefon proti obalce je komplikovana ikona, graficky, tez to k sobe neladi
-- Na konec to vrsi tlacitka s prechody a paticka s prechodem
Mas na te strance jednotici prvek, aspon 2 veci stejne? :) Chaos.

http://www.bmeostrava.cz/gamelook/index.html
To ma uplne stejne problemy. Jen je vic preplacana obsahem. Jak dlouho ti trvalo, nez jsi na te strance vsechno precetl. A chystas se opradu vsechno to cist? Treba, vsimni si, jak byl zminimalizovan facebook za poslednich 5 let a co vsechno na fb ctes? Vsimni si, jak byla ocesana uvodni stranka seznamu.cz, dyt na ni je tak polovina textu nez na tve strance. Jsou opravdu ty polozky tam nutne mit vsechny, i odkazy?

Reaguji na Vitalityho77:
„HTML5 tagy nejsou problém když jsou JS skripta jako je html5shiv ;)“
Hm a k čemu tam ty elementy jsou? Co se stane, když se zmíněný skript nenačte? Proč by měla být funkčnost layoutu závislá na JavaScriptu?

I kdyby tam k něčemu být měly, tak mi použité kombinace připadají nesmyslné:
… proč je to <section>? A ta jedna věta je jako fakt <article>, neboli článek? Proč je <h2> skrytý? Proč je popisek formulářového políčka v odstavci?

Písmo nejde v Explorerech zvětšovat, protože používáš jednotku px. V ostatních prohlížečích moc nepočítáš s tím, že by menu mohlo být díky jiné velikosti písma mnohem vyšší.

Na kontaktní formulář se bez myši a JavaScriptu nedostanu, to je také přešlap.

Proč má každá úroveň menu jiný :hover efekt?

Nějak nerozumím, proč je tady dvakrát clip:
… a vlastně ani nerozumím, co je to za krkolomnou fintu na skrývání.

Vlastnosti -ms-border-radius a -ms-background-size nikdy nikdo nepodporoval, pokud vím.

Druhou stránku už se mi teď hodnotit nechce, nevypadá jako související.

Vitality77: Dyt, ja ti to nevycitam. Hodnotim celkove. Nezajima mne, kdo je koder, kdo grafik a co vsechno muzes ovlivnit nebo chces ovlivnit. To uz je na tobe.