NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Kritika webu http://stansekeltem.cz/

Jak se ti líbí web?
6 hlasů
Přejít na web:
http://stansekeltem.cz/

Při vložení tohoto webu do kritiky web získal od našeho robota 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

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
tbartolen
Člen
Avatar
tbartolen:17.4.2016 22:36

Prosím o konstruktivní kritiku, díky

Odpovědět
17.4.2016 22:36
Navštiv www.fb.com/skkelticz
Avatar
Richard Závodný
Člen
Avatar
Richard Závodný:18.4.2016 15:45

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
18.4.2016 15:45
Avatar
Matyáš Procházka
Člen
Avatar
Odpovídá na tbartolen
Matyáš Procházka:18.4.2016 16:19

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
18.4.2016 16:19
Avatar
Matyáš Procházka
Člen
Avatar
Odpovídá na Matyáš Procházka
Matyáš Procházka:18.4.2016 16:22

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
18.4.2016 16:22
Avatar
Václav Černý
Člen
Avatar
Václav Černý:18.4.2016 22:01

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
18.4.2016 22:01
Nezávislý český vývojářský tým - www.luvastudio.cz
Avatar
tbartolen
Člen
Avatar
tbartolen:19.4.2016 14:28

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.4.2016 14:30
Nahoru Odpovědět
19.4.2016 14:28
Navštiv www.fb.com/skkelticz
Avatar
Václav Černý
Člen
Avatar
Odpovídá na tbartolen
Václav Černý:19.4.2016 18:46

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.4.2016 18:46
Nezávislý český vývojářský tým - www.luvastudio.cz
Avatar
Richard Závodný
Člen
Avatar
Odpovídá na Václav Černý
Richard Závodný:19.4.2016 20:00

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

 
Nahoru Odpovědět
19.4.2016 20:00
Avatar
tbartolen
Člen
Avatar
Odpovídá na Václav Černý
tbartolen:19.4.2016 21:14

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

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

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.4.2016 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.