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 https://matej-strnad.cz/

Ako sa ti páči web?
4 hlasov
Prejsť na web:
https://matej-strnad.cz/

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

Kladných hodnocení: 9; Varování a poznámky: 4; Kritické chyby: 2.
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
Neaktivní uživatel:10.5.2019 22:23

Prosím o kritiku webu https://matej-strnad.cz/ , je předěláný. Dising by měl být jednoduchý a měl by vypadat moderně :) Povedl se mi dising?
Děkuji :)

Odpovedať
10.5.2019 22:23
Neaktivní uživatelský účet
Avatar
Jaroslav Smrž
Tvůrce
Avatar
Odpovedá na Neaktivní uživatel
Jaroslav Smrž:11.5.2019 8:15

Ahoj Matěji, na to, že je ti 13 let, tak je to opravdu velmi dobré. Pokud jde o design, tak šedé barvy se dnes používají hojně, protože navozují pocit důvěry, serióznosti a vypadají dobře. Jediné, co mi do toho příliš nezapadá je ta oranžová v navbaru a tučný font. Pokud budeš chtít trochu experimentovat, tak zkus třeba nějakou světlou modrou např. #00aeef nebo světlý odstín šedé #cccccc. Položky menu bych také od sebe trochu vzdálil a změnil tučný font na regular. Je super, kolik toho v tomto věku umíš a že tě baví programovat. Držím palce do budoucnosti a ať se ti daří!

Hore Odpovedať
11.5.2019 8:15
/* Life runs on code */
Avatar
Jurajs
Člen
Avatar
Odpovedá na Neaktivní uživatel
Jurajs:12.5.2019 14:59

Ahoj, můžu ti dát radu? Koukal jsem na tvůj kód a vidím, že píšeš html a css dohromady, vidím že se učíš, nebo spíš začínáš dělat weby(když tak mě oprav) ....Pokud se tomu chceš věnovat určitě by bylo super kdyby si odděloval kód HTML od CSS....Určitě to bude vypadat líp ....Jinak na to že ti je 13 je to super...Tohle jsem v tvém věku vůbec neuměl...paráda! ;)...
Jen tak dál! :)

 
Hore Odpovedať
12.5.2019 14:59
Avatar
Adam Petříček:12.5.2019 21:00

Ahoj, určitě jako základ, který postupně budeš upravovat to je super. Nejdříve pár věcí k designu. Jak už bylo zmíněno, v horním menu udělej trošku mezeru mezi jednotlivými položkami, aby se vizuálně lépe odlišily. Dále mi moc nesedí, že v celé stránce používáš bezpatkové písmo, ale v patičce, kde je kontakt, máš písmo s patkami. Změnil bych to na bezpatkové. Dále odkazy máš rozlišené tak, že jsou podtržené. Nevím, zda je to jen otázka vkusu, ale nelíbí se mi to - radši bych podtržení odstranil, a použil místo toho nějaký hover efekt, aby bylo vidět, že se na to dá kliknout - postačí třeba jen mírná změna barvy při najetí myši nad text. Dále pár připomínek ke kódu. Moc často používáš tag < br >, je třeba si uvědomit co to je - jde o odřádkování, tedy jako kdybys zmáčkl enter. To se hodí použít v nějakém řekněme souvislém textu, ale určitě ne jako mezera, na to využij css vlastnost margin. Na podstránce projekty, v sekci "Hra" bys informace o ní mohl dát do neseřazeného listu, tedy <ul>. A v neposlední řadě, hlavně pro svou orientaci doporučuji správně formátovat kód, tedy dodržovat odsazení textu od kraje, občas udělat řádek mezeru, abys v tom měl přehled. Do většiny IDE se dá doinstalovat např. beautify, které tohle dělá za tebe. Taky oceňuji, že jsi do kolonky "Jaké programovací jazyky umím?" nenapsal HTML a CSS, to já jsem ve třinácti určitě nevěděl :D. I přes vše co jsem napsal, dobrá práce, a jen tak dál!

Editované
 
Hore Odpovedať
12.5.2019 21:00
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:13.5.2019 10:23

https://matej-strnad.cz/

  • Spatny margin padding od okraju, vsude (navigace, paticka, obsah). Treba, nekdo by mohl polozit otazku, proc nadpis obsahu 'O mně' ma nad sebou vic mista nez text dole 'C# - začátečník'? Vnasi to nerovnovanu, nesymetrii a to na lidi pusobi neprijemne, obvykle.
  • Podivne radkovani, mezera mezi radky, nadpisy. Obvykle je text radkovani 1, nadpis 1. Mezera mezi odstavci 0.5 (0.5 radku).
  • Nevim, zda podtrhavani v navigaci ma vyznam. Ano, spousta tutorialu k prispupnosti rika, ze odkazy podtrzene. Ale je treba si zvolit vlastni cestu. Navigace ma vyznamne misto, neni to odkaz uprostred textu, tak nevidim duvod tam podtrhavat. Ano, melo by byt nejak patrne, ze se na to da kliknout. Coz by melo resit to usporadani, pozice a oranzovy pruh. To si snad nespletou.
  • v navigaci nemas class active. To se muze hodit, kdyz bys chtel vyznacit oznacenou polozku
  • klidne si uved do zivotopisu html, css, js, pripadne ten bootstrap (stahnes, zkopirujes sablonu z tutorialu a pak tam pretahnes svoje data)

Ja ve volne chvili mam na bootstrapu ted postavene toto. Ale na kod nehled, je to pokusna verze. Dalsi link je cistejsi kod, ktery bys mohl asi pouzit jako zaklad. To radkovani je tam prave taky spatne a jine veci, v obojim. Takze si s tim postupne hraju, kdyz mne neco napadne, jak by to asi melo byt :)
https://mlich.zam.slu.cz/…tuality3.htm
https://dev.rar.cz/about.php

 
Hore Odpovedať
13.5.2019 10:23
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é 5 správy z 5.