NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

Kritika webu http://kunweb.eu/testovani

Ako sa ti páči web?
Ešte nikto nehodnotil, buď prvý!
Prejsť na web:
http://kunweb.eu/testovani

Pri vložení tohto webu do kritiky, web získal od nášho robota nasledujúce hodnotenie:

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!

Slovenský neoficiálny validátor HTML stránok

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í!

 
Odpovedať
18.6.2017 19:49
Avatar
David Dostal
Tvůrce
Avatar
Odpovedá 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.

Editované
 
Hore Odpovedať
18.6.2017 20:58
Avatar
Odpovedá 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.

Hore Odpovedať
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.

 
Hore Odpovedať
19.6.2017 9:40
Avatar
matyas.rec
Člen
Avatar
Odpovedá 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.

 
Hore Odpovedať
19.6.2017 10:53
Avatar
matyas.rec
Člen
Avatar
Odpovedá 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í

 
Hore Odpovedať
19.6.2017 19:26
Avatar
David Dostal
Tvůrce
Avatar
Odpovedá 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%.

 
Hore Odpovedať
19.6.2017 19:40
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 7 správy z 7.