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://kunweb.eu/testovani

Jak se ti líbí web?
Ještě nikdo nehodnotil, buď první!
Přejít na web:
http://kunweb.eu/testovani

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

Kladných hodnocení: 10; Varování a poznámky: 2; Kritické chyby: 1.
Stránka je velice dobře optimalizována dle nejnovějších webových technologií. Je rychlá a dobře dostupná pro většinu uživatelů. Jen tak dál!

Č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
matyas.rec
Člen
Avatar
matyas.rec:18.6.2017 19:49

Web není ještě kompletně hotovej (po obsahové stránce), ale vzhledově je téměř hotový a tak se vás chci zeptat co na něj říkáte, přivítám i kritiku a nápady na vylepšení!

 
Odpovědět
18.6.2017 19:49
Avatar
David Dostal
Tvůrce
Avatar
Odpovídá na matyas.rec
David Dostal:18.6.2017 20:58

Několik prvních věcí, které mě k webu napadají:

  • Odkazy v navigaci se většinou dávají do (HTML5) tagu nav a do seznamu (ul a li). Je to lepší pro vyhledávače, jelikož lépe poznají co je co.
  • Na stránce by stejné id měl mít pouze jeden prvek, vidím zde například čtyři divy #central. Id označuje konkrétní jedinečný prvek na stránce, pro stylování by se měly používat třídy (class="trida" a v CSS .trida { }).
  • V menu používáš několik <br/> za sebou na odsazení jednotlivých odkazů. To jde udělat i v CSS například pomocí marginu nebo ještě lépe paddingu. Když místo <br> použiješ padding, také se bude uživatelům lépe strefovat na odkazy, na které nebudou muset najet úplně přesně (dostatečně velký klikací prostor je potřeba obzvláště pro mobilní telefony).
  • Animaci v menu (a další animace) bych zrychlil tak na 200ms, stále je ještě dobře vidět a uživatele tolik nezdrží.
  • Animace posunutí doprava jde udělat i přes transform: translateX() a nemusíš pak řešit, jestli Ti to rozbije layout.
  • Při velikosti menší než 960px se objevuje vodorovný scrollbar, asi tam něco vylejzá.
  • Formulářovým prvkům (např. na stránce Email) bych dal nějaký padding, ať nejsou tak mrňavé.
  • Při hoveru u input[type="sub­mit"] bych dal možná cursor: pointer ale to je subjektivní.
  • U podmínek bych místo input[type="radio"] dal input[type="chec­kbox"] - bude tam pak zaškrtávací políčko, které se k tomuto účelu hodí lépe.

Jinak web (až na nefunkční odkazy, ale to předpokládám ještě prostě není hotové) vypadá slušně, a celkem dobře se v něm orientuje. Dobrá práce.

Editováno 18.6.2017 20:58
 
Nahoru Odpovědět
18.6.2017 20:58
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na matyas.rec
Neaktivní uživatel:19.6.2017 9:33

Heslo musí obsahovat minimálně jednu číslici, jeden malý znak (např. m, n, i,...), jeden velký znak (např. M, O, P, K,...) a jeden speciální znak (např. @;,./_-). Jeslo musí být minimálně 8 znaků dlouhé.

Heslo 1234 nesplňuje všechny krom té první podmínky a stejně to prošlo. Jak ta registrace probíhá? Ty dostaneš moje heslo a vytvoříš mi ručně účet v administraci? To se mi fakt hodně nelíbí a nevidím důvod, proč by někdo takový email chtěl.

Nahoru Odpovědět
19.6.2017 9:33
Neaktivní uživatelský účet
Avatar
matyas.rec
Člen
Avatar
matyas.rec:19.6.2017 9:40

Podmínku trošku nevím jak udělat, takže na tom se pracuje a po registraci se informace zavede do databáze a do poté se to automaticky registruje, je tam bezpečností prodleva, která netrvá déle jak 24 hodin.

 
Nahoru Odpovědět
19.6.2017 9:40
Avatar
matyas.rec
Člen
Avatar
Odpovídá na Neaktivní uživatel
matyas.rec:19.6.2017 10:53

Podmínku trošku nevím jak udělat, takže na tom se pracuje a po registraci se informace zavede do databáze a do poté se to automaticky registruje, je tam bezpečností prodleva, která netrvá déle jak 24 hodin.

 
Nahoru Odpovědět
19.6.2017 10:53
Avatar
matyas.rec
Člen
Avatar
Odpovídá na David Dostal
matyas.rec:19.6.2017 19:26

Při velikosti menší než 960px se snažím o responzivitu webu, tudíž web dám do tohoto stylu - prvně menu, poté obsah, poté ostatní

 
Nahoru Odpovědět
19.6.2017 19:26
Avatar
David Dostal
Tvůrce
Avatar
Odpovídá na matyas.rec
David Dostal:19.6.2017 19:40

To je správně, jen tam nějaký prvek je širší než 100% stránky a dole se zbytečně objeví scrollbar.

Když dáš pro velikosti menši než 960px

#menu { box-sizing: border-box; }

Tak scrollbar zmizí.

Normálně se totiž padding nepočítá do šířky elementu a má tak šířku 100% + padding. box-sizing: border-box Ti udělá, že se padding počítá do šířky prvku, je tedy součástí těch 100%.

 
Nahoru Odpovědět
19.6.2017 19:40
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 7 zpráv z 7.