Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Kritika webu https://matej-strnad.cz/

Jak se ti líbí web?
4 hlasů
Přejít na web:
https://matej-strnad.cz/

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

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!

Český neoficiální validátor HTML stránek

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 :)

Odpovědět
10.5.2019 22:23
Neaktivní uživatelský účet
Avatar
Jaroslav Smrž
Tvůrce
Avatar
Odpovídá 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ří!

Nahoru Odpovědět
11.5.2019 8:15
/* Life runs on code */
Avatar
Jurajs
Člen
Avatar
Odpovídá 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! :)

 
Nahoru Odpovědět
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!

Editováno 12.5.2019 21:03
 
Nahoru Odpovědět
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

 
Nahoru Odpovědět
13.5.2019 10:23
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 5 zpráv z 5.