Python týden Geek tričko zdarma
Tričko zdarma! Stačí před dobitím bodů použít kód TRIKO15. Více informací zde
Pouze tento sleva až 80% na kurzy Python

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 (1)
Avatar
Matěj Strnad:10. května 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  +3 10. května 22:23
Avatar
Odpovídá na Matěj Strnad
Jaroslav Smrž:11. května 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  +3 11. května 8:15
I have no idea what it is doing but I´m scared to delete it... xD
Avatar
Jurajs
Člen
Avatar
Odpovídá na Matěj Strnad
Jurajs:12. května 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  +1 12. května 14:59
Avatar
Adam Petříček:12. května 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. května 21:03
 
Nahoru Odpovědět  +1 12. května 21:00
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:13. května 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. května 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.