Autor Zpráva
Webspy
Profil
Zdravím všechny,
prosil bych o hodnocení a případné návrhy na stránky:

http://www.hynekzatloukal.cz

Předem díky moc.
(Už jsem se tady nějaký ten pátek neobjevil... no spíš nějaký ten rok... tak mě zajímá, jestli je to tu stále stejné :-)
Kcko
Profil
Ono to pekne je. Jenze je to takove proflakle, kazdy prumerny grafik dnesni doby tvori presne takovyto styl prezentaci

objemna hlavicka, objemna paticka. Pak si ten layout ani nezapamatuju.

Jak jsem koukal na Vase reference, tak spatne to neni ale porad jsou to takovy obycejne navrhy, ktere neurazi ale take nic nad cim bych se mel pozastavit.

Ac napric Vasemu veku mate jeste hodne casu to postupne zlepsovat :)
Webspy
Profil
Děkuji za připomínky. A musím uznat, že máte pravdu.

No, ty nejlepší reference bohužel nemohu prezentovat, protože ty zakázky zprostředkovává jiná firma...

No jo, jsem sice obyčejný student, ale vím a vidím, že grafik nejsem ;-)
sofasurfer
Profil
na mieste pomery ? je to slusne. myslim, ze cesta spravna aj ked este daleka.

v tvojom veku som ani netusil co je to PC ..pivo a holky to jo :)
Kcko
Profil
Webspy

Vubec jsem nechtel srazit nejak Vase sebevedomi. Tusim ze Vam neni ani 20 let, mate spousty casu to jeste vybrousit. Kazdopadne zaklad na grafika tam mate :-)

Je to ciste a prehledne ale chybi tomu jeste neco, snazte se dal ...
Webspy
Profil
Nebojte se, já si z toho nic nedělám, kritiku mám rád... navíc když je pravdivá, konstruktivní a na místě.

Pro pořádek, je mi 18. A děkuji za podporu.
KGW
Profil
a) velmi dobré, ale design má ještě svý rezervy, chce to víc rozletu
b) na kartě kontakt nápis nezávazná objednávka jaksi vypluje ven
c) je fajn že je možné zvětšovat pímso v IE, ale velikosti nejsou moc použitelné, pro odstrašující příklad koukni na http://seo-servis.cz/
d) při zvětšování začne pod menu cosi vyčuhovat
Mistr
Profil
Webspy
Máš v MSIE 6 problém se záložkami:
(1) Ve stránce http://www.hynekzatloukal.cz/kontakt je naprosto rozhozené ouško záložky Nezávazná objednávka, a to pouze v případě, že je tato položka "aktvní" (má bílé pozadí).
(2) U oušek v hlavičce chybí pravé části při prohlížení podstránek ze sekce http://www.hynekzatloukal.cz/o-mne - viz například http://www.hynekzatloukal.cz/o-mne/zivotopis
Chamurappi
Profil
Reaguji na Webspy:
1) Grafika pěkná.
2) Bez obrázků nevidím logo, protože text není jen překrytý, ale i (zbytečně) odsunutý horním paddingem.
3) Nelíbí se mi letter-spacing: -2px v menu (při skrytí obrázků), je to moc nahuštěné.
4) Při zvětšení písma vylézá zpoza oušek v menu text, který by měl být překrytý.
5) „Hynek Zatloukal - webdesign, grafika, tvorba www, redakční systémy, SEO, poradenství - Kroměříž, Hulín“ — tohle opravdu říká tento obrázek? Nebo jen nacpáváš <h1> informacemi určenými pro robota?
6) Menu patří do <menu>.
7) Používáš často <em> na větší kusy textů jen kvůli kurzívě. To se mi nelíbí.
8) Kytky v hlavičce na úvodu bys ale mohl lépe oříznout, na některých místech je zřetelné, že byly původně na bílém pozadí.
9) Text ve čtyřech čtvercích v úvodu při zvětšení písma vylézá a zalézá pod další části webu. Mohl by také být více kontrastní.
10) Proč nemá tenhle <img> vyplněný atribut alt?
11) Tvrdíš, že optimalizace pro vyhledávače je věda zkoumající metody vytváření a upravování webových stránek?
12) V seznamu znalostí definuješ jednotlivé pojmy ve struktuře <ul><li><strong><br><em> — to je docela fuj. Neznáš definiční seznamy?
13) V kontaktech bys mohl dát adresu do <address>.
14) JavaScriptová kontrola e-mailu v kontaktním formuláři nepropouští adresy se čtyřpísmennou koncovkou domény. Nadává mi to za adresu končící „.info“.
15) Bez zapnutého JavaScriptu se v kontaktech nemám šanci dostat na formulář pro „Běžnou zprávu“, odkaz v oušku mě pošle na identickou stránku. Nedoporučuji používat XMLHttpRequest zrovna na tohle.
16) V hlavičce v kontaktech je pravý okraj pravé kostky divně oříznutý, vypadá zdeformovaně.
17) Stránka s Referencemi moc nezapadá mezi ostatní. Jako jediná má jednopixelové bordery. Oranžové odkazy na další stránky mi tam též nesednou. Ani hover efekt se mi nelíbí.
18) Seznam referencí řešíš <div>y, proč ne seznamem? Nadpis každé reference by mohl rovněž odkazovat na hotové dílo, stejně jako obrázek. Nemusel by být ve <strong>u uvnitř odstavce, ale v nadpisu. Popis reference by teprve měl být v odstavci.
19) Proč máš v patičce „w3c &middot; xhtml &middot; css &middot; rss“? První divná zkratka nikam neodkazuje, další dvě odkazují na jakési cizojazyčné zbytečnosti a ten třetí validuje RSS. To je ale překvapení — ty máš na webu i RSS? Nevede na něj jediný normální odkaz. Běžný návštěvník si ho může jen nechat zvalidovat :-)
20) „published with textpattern“ — uměl bys to přeložit?
21) Svoji favicon bys mohl mít i v „.ico“ verzi, aby se ukázala i v Exploreru 7. Co vlastně vyjadřuje to písmeno „W“?
22) Obrázek <img> na konci každé stránky, který do hlavičky vešroubováváš absolutním pozicováním, bych na tvém místě řešil backgroundem již v té hlavičce.
23) Patička mi připadá zbytečně vysoká.
24) Tvůj HTML kód se spoléhá na zotavovací mechanismy prohlížečů. Lomítka v <br /> jsou z jejich pohledu syntaktická chyba. Viz základy HTML nebo český validátor.

Jinak se mi web líbí.
Webspy
Profil
Nádhera, tak tomuhle říkám velmi pěkné a srozumitelné zhodnocení stránek se vším všudy. Fakt smekám. Tobě žádná drobnost neunikne :-)

ad 1) Díky.
ad 2) Nadpis je řešen průhledným paddingem (kvůli možným barevným mutacím) a ten text někdy kouká ven... tak jsem to raději schoval.
ad 3) Je to čistě kvůli tomu, aby to lépe sedělo k tomu jinému písmu a moc to neskákalo, jakmile se načte obrázek. Ale máš pravdu, asi to změním.
ad 4) Opravím.
ad 5) Jo, uznávám, prasárna. Jen jsem potřeboval trochu popohnat vyhledávače...
ad 6) Nikdy jsem to nepoužil ani jsem to nikde neviděl. Ale každopádně se na to podívám, poučím a případně opravím.
ad 7) To mě nenapadlo. Naformátuju to v CSS.
ad 8) Jo, drobnosti. Hodně je tam vidím, ale ještě jsem si nějak nenašel čas si s těmi fotkami pohrát.
ad 9) Díky za upozornění a radu.
ad 10) Nějak jsem to opomněl.
ad 11) To jsou citace z Wikipedie. Teď jsem si všiml, že tam nemám odkaz... A asi ano, je to nepřesné.
ad 12) Definice jsem hodně dlouho používal. Pak se mi pár lidí divilo, že to ještě používám, tak jsem od toho ustoupil.
ad 13) Aha, díky.
ad 14) Ok, opravím.
ad 15) Ok.
ad 16) Tvému oku opravdu neunikne žádná maličkost. Vím o tom...
ad 17) Myslím, že tohle je věc názoru.
ad 18) Uznávám, lze to lépe vyřešit.
ad 19) Na to RSS jsem zapomněl. Původně tam mělo být, ale nakonec jsem si řekl, že tam nebude. To je tam omylem. Ty cizojazyčné zbytečnosti mi nepřijdou až tak zbytečné.
ad 20) Anglicky je to schválně. Ale česky to taky není špatný nápad. Uvidím.
ad 21) Favicon musím změnit, je ještě stará.
ad 22) Nějakou chvilku jsem si s tím hrál a myslím, že takto to je asi nejlepší. Už se v tom vrtat nebudu.
ad 23) Zase věc názoru.
ad 24) Tomuhle bodu přesně nerozumím. Mohl bys to prosím rozvést?

Ještě jednou děkuji za krásnou kritiku.
yderf
Profil
ad 24 - podľa Chamurappiho nemáš (tak, ako hoci kto iný) používať XHTML posielané s text/html. Teda v podstate zase vec názoru :-)

Stránka je celkom pekná, mne osobne sa trochu nepáčia zbytočne vysoké záložky. Ad z diskusie

No, ty nejlepší reference bohužel nemohu prezentovat, protože ty zakázky zprostředkovává jiná firma...

Treba sa dohodnúť dopredu. Pokiaľ si niečo vytvoril ty, je úplne normálne a legitímne, že si to chceš dať do referencii (bežne sa jedna stránka nachádza v referenciách veľkej firmy aj niekoho, kto to pre tú firmu vyrobil ako externý pracovník).
Chamurappi
Profil
Reaguji na Webspy:
ad 2) Raději to zkrať a normálně ukaž.
ad 5) Sice vyhledávačům moc nerozumím, ale od tohoto popohánění bych si nic dobrého nesliboval.
ad 6) Element <menu> se většinou chová jako obyčejný seznam, ale v tomto případě lépe vystihuje význam. Užívá ho třeba Railbot tady vedle.
ad 12) „Pak se mi pár lidí divilo, že to ještě používám“ — příště nevyměňuj seznam, ale ty divící se lidi :-)
ad 19) K čemu ti ty cizojazyčné zbytečnosti tedy slouží, nejsou-li zbytečné?
ad 23) Patička je méně důležitá než hlavička, proto zastávám názor, že by měla být menší. Návštěvníci s rozlišením 800×600 uvidí tu stávající skoro přes půlku obrazovky, pokud dorolují na konec.
ad 24) Všechna cílová zařízení (roboti, prohlížeče) na tvůj kód užívají HTML parser, který očekává HTML syntaxi. Proč píšeš lomítka do <br />?

Ještě jednou děkuji za krásnou kritiku.
Rádo se stalo.
Webspy
Profil
Reakce na yderf:

Četl jsem si ty vaše „hádky“ a rozpory, které jste vedli v některých tématech. (Resp. dostal jsem tip, abych si to přečetl a porozuměl Chamurappimu, o co mu jde :-D) Já si myslím, že pro mě je to vcelku zbytečné takové drobnosti (dobrá, pro někoho zásadní věci) řešit a zabývat se tím tolik. Stejně to nikam nevede a dle mého názoru má každý na tuto problematiku svůj náhled a v určitém směru mají všichni pravdu. Připadá mi to jako hádka, kdo je lepší: Sparta (HTML) nebo Slavia (XHTML). Když je hezký fotbal (výstup, celková webová stránka), je mi to jedno kdo vyhraje...

Reakce na Chamurappi:
ad 2) Už se stalo.
ad 5) Taky jsem tím docela zklamán :-) Už je to pryč.
ad 6) Dík za radu.
ad 19) Abych byl upřímný, je to zkrátka in. A já nic proti konsorciu nemám. :-D
ad 23) Zmenším ji.
ad 24) Prostě to tak píši. Tak jako to píše X % tvůrců.
Chamurappi
Profil
Reaguji na Webspy:
Jistě, jsou to drobnosti. Ale já tě nepřesvědčuji, abys nepoužíval XHTML, protože stejně pořád užíváš HTML. Kdyby prohlížeč znal pouze XHTML, nezobrazil by tvůj web vůbec. Kdyby znal stoprocentně HTML, zobrazil by tvůj web blbě. Proti konsorciu nic nemáš, ale spoléháš se na porušování jeho specifikací.
Webspy
Profil
Reakce na Chamurappi:

Tak mi prosím vysvětli konkrétně, kde je problém. Co mám tedy používat místo <br />? (A případně další porušování specifikací.)
habendorf
Profil
Webspy

<br>
Chamurappi
Profil
Reaguji na Webspy:
<br>

V tvém případě bych ještě zvážil, zda je to zalomení řádku opravdu nutné. Zalamuješ na můj vkus moc často.
yderf
Profil
ad 6: <menu> je výborný element, ak však používaš XHTML, tak by si ho nemal použiť, ak ti záleží na validite na w3.org - inak určite
<ot>
Už sa teším na HTML5 - konečne webmasters reunited :D
</ot>
Chamurappi
Profil
Reaguji na yderfa:
1) On nepoužívá XHTML, <!doctype> nerozhoduje.
2) V XHTML <menu> je úplně stejně jako v HTML 4.
yderf
Profil
Chamurappi
1) ja nehovorím, že používa - samozrejme, rozhoduje mime-type a namespace :-)
2) my bad, XHTML strict
Webspy
Profil
Jej lidi, vy mě blbnete. :-D
Já si raději přečtu nějaké oficiální dokumenty, protože mám pocit, že je zde docela dost subjektivních názorů. :-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: