Kritika webu http://stansekeltem.cz/

HTML a CSS Kritika webů - ukažte se! http://stansekeltem.cz/ American English version English version

Jak se ti líbí web?
Celkové hodnocení (6 hlasů):
1.833331.833331.833331.833331.83333
Přejít na web:
http://stansekeltem.cz/

Při vložení tohoto webu do kritiky web získal následující hodnocení:

Kladných hodnocení: 8; Varování a poznámky: 22; Kritické chyby: 2.
Stránka obsahuje mnoho zbytečných chyb. Většinu nalezených chyb je možné jednoduše opravit. Pokud si s něčím nevíte rady, použijte Český neoficiální validátor HTML stránek

Avatar
tbartolen
Člen
Avatar
tbartolen:

Prosím o konstruktivní kritiku, díky

Odpovědět 17. dubna 22:36
Navštiv www.fb.com/skkelticz
Avatar
Richard Závodný:

Vzhled:
Celkové rozložení webu není špatné, ale pozadí se nějak "prolíná", což nevypadá dobře (https://ctrlv.cz/s3u6).

Když najedu na položku v menu, tak obsah pod ním uskočí dolů.

Fonty jsou děs! Nechápu, proč na položky v menu používáš patkové písmo a na obsah používáš písmo bezpatkové. Také ti nic neříká padding u nadpisů.

Sekci Kontakt a Napište nám bych spojil v jednu, přeci jenom tyto dvě sekce spolu nějak souvisí.

Ikonky sociálních sítí bych vyměnil, ať jsou ze stejné sady. ;)

Chválím alespoň částečnou responsivitu, protože ten posuvník (způsobuje to tabulka) také není ideální (https://ctrlv.cz/1cHy).

Kód:
Máš tam mnoho zakomentovaných částí a našel jsem i nepotřebnou část kódu (což samozřejmě zvyšuje datovou náročnost webu, i když jenom minimálně) (https://ctrlv.cz/Z49i).
Používáš strašně dlouhé názvy tříd. Jasně, to je každého věc, ale i tak mě to znepokojuje.

Proč používáš pro odsazení textu prázdný odstavec (https://ctrlv.cz/57X5)? Copak ty neznáš margin?

Doporučím ti používat flexibilní mřížku, která přizpůsobí jednotlivé "boxy" podle šířky stránky. Mřížku má v sobě např. Bootstrap, a další CSS frameworky.


A Copyright se svým jménem bych si na takový web nedal.

 
Nahoru Odpovědět  +2 18. dubna 15:45
Avatar
Odpovídá na tbartolen
Matyáš Procházka:

To, že vzhled není moderní a osobně se mi nelíbí, je jedna věc, co ale vůbec nechápu je toto:

Copak tebe nebije do očí to, když najedeš na položku v menu, jak uskočí celá stránka? Nebo to, že nadpisy nejsou vůbec vertikálně centrované? Nebo text v sekci "kontaktní údaje", kde mezera mezi jednotlivými částmi telefonního čísla je větší nez samotné telefonní číslo? Nebo styl písma v menu, které absolutně neladí s ostatním textem? Nebo to, že v sekci "Správný Kelt" text zasahuje na pravé straně až úplně k okraji?

A copak tě něštve, že když se odeslě formulář s něčím špatně vyplněným, tak zmizí veškerý text z něj? Nebo to, že když formulář odešlu se špatně vyplněnými údaji, tak po vypsaní hlášky "Formulář není správně vyplněný!" celý formulář odskočí tak, že tlačítko odeslat lítá vedle odkazů na sociální sítě? Nebo to, že když kliknu na položku v menu, tak kvůli tomu podtržení a odskočení po doscrollování celá stránka zase sebou škubne zpět?

Tohle všechno jsou věci, kterých si všimne každý a to hned, tím spíše vývojář takového webu. To, že by sis jich nevšiml mi připadá úsměvné a nereálné. Jestli chceš být v něčem dobrý, dodělávaj i detaily.

 
Nahoru Odpovědět  +1 18. dubna 16:19
Avatar
Odpovídá na Matyáš Procházka
Matyáš Procházka:

Edit:
Ve formuláři se nevyplní zpětně jen aktuální rok a telefonní číslo. Má nepozornost, ale i přesto nechápu, že se tyto dvě věci nevyplní.

 
Nahoru Odpovědět  +1 18. dubna 16:22
Avatar
Václav Černý:

Grafický design je v tomto případě 10 let stará záležitost. Jak by se dal vylepšit a modernizovat, by bylo opravdu na dlouhé popisování, ovšem začal bych zcela zásadními úpravami, které stránku udělají alespoň trochu čitelnou a použitelnou. Vše jako zarovnání nadpisů a veškerých textů, upravení mezer a typografie bylo již zmíněno a bez toho se nelze posunout dál.

Popravdě kód se mi zkoumat nechce, protože to jak se stránka chová při změnách velikosti okna a připsání stylů, mě děsí.

Nahoru Odpovědět  +2 18. dubna 22:01
Nezávislý český vývojářský tým - www.luvastudio.cz
Avatar
tbartolen
Člen
Avatar
tbartolen:

Děkuji za kritiku a rady. Utvrdilo mě to k rozhodnutí naučit se používat bootstrap a celébootstrapto přepsat :-) myslel jsem, že dlaždice budou moderni ale opak je očividně pravdou :-|

Editováno 19. dubna 14:30
Nahoru Odpovědět  -2 19. dubna 14:28
Navštiv www.fb.com/skkelticz
Avatar
Odpovídá na tbartolen
Václav Černý:

Nevím jak si k tomuto rozhodnutí dospěl a dle mého názoru bootstrap rozhodně není řešení. Měl by ses spíš naučit základy webdesignu a stylování (css). A už vůbec nechápu, jak s tím souvisí dlaždice.

Nahoru Odpovědět 19. dubna 18:46
Nezávislý český vývojářský tým - www.luvastudio.cz
Avatar
Odpovídá na Václav Černý
Richard Závodný:

Myslím, že tento komentář byl cílen na mou osobu. ;)

 
Nahoru Odpovědět 19. dubna 20:00
Avatar
tbartolen
Člen
Avatar
Odpovídá na Václav Černý
tbartolen:

¨No myslel jsem, že kostičkový vzor bude moderní 8-)

Nahoru Odpovědět 19. dubna 21:14
Navštiv www.fb.com/skkelticz
Avatar
tbartolen
Člen
Avatar
Odpovídá na Richard Závodný
tbartolen:

Děkuji za rady nejen tobě, ale i ostatním. Například použití paddingu a marginu mě vůbec nenapadlo. Co se týče fontů, nevybíral jsem je já, ale po konzultaci s majitelem stránky je vyměníme. Bootstrap jsem zkoušel celé odpoledne dnes, ale není to asi nejideálnější řešení pro mě. Nicméně některé věci z něho určitě do stránky použiju, když už... tak už =)

Posuvník v tabulce nevím moc jak jinak řešit, prozatím. Pro mě byl úspěch to, že email vůbec funguje :-)

Co se týče kódu, upravil jsem ho, snad vymazal všechny nepotřebný části a opravil některé z chyb které jsem věděl jak ak teré jste jmenovali. Je tam toho ale asi ještě hodně. Existuje nějaký program, který by mi kod naformátoval, abych nemusel každý řádek tabulatorovat?

Co se týče designu, který mi hodně kritizujete, prošel jsem pár stránek a pokusím se to nějakým způsobem vylepšit nějakými efekty. =)

Díky za kritiku a rady! :-)

Nahoru Odpovědět 19. dubna 21:51
Navštiv www.fb.com/skkelticz
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 10.