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://www.stepweb.tk/

Jak se ti líbí web?
3 hlasů
Přejít na web:
http://www.stepweb.tk/

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

Kladných hodnocení: 11; Varování a poznámky: 1; Kritické chyby: 3.
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
Martin Štěpánek
Tvůrce
Avatar
Martin Štěpánek :13.2.2016 22:33

Na webdesign nejsem moc dobrý, proto prosím o nějaké rady, co by se dalo vylepšit. :-)

Odpovědět
13.2.2016 22:33
Všechno jde naprogramovat, chce to jen čas a chuť...
Avatar
David Novák
Tvůrce
Avatar
David Novák:13.2.2016 23:33

Vypadá to celkem dobře.

  • Chce to vylepšit systém hodnocení - nedá se měnit a po označení musím kliknout na ohodnotit..
  • Formulář u komentáře nemá maximální šířku, takže je možné ho "roztáhnout" někam doprčič.
  • Bylo by fajn, kdyby se komentáře vkládaly přes nějaký ajax a nemusela se znovu načíst stránka
  • přidat odpovědi na komentáře, ideálně alespoň dvou úrovňová diskuse
  • Copyright v patičce není zacentrovaný.
  • Tlačítkům "Odeslat" bych dal nějaký hover.
  • Kombinuješ patkové a bezpatkové písmo!
  • v sekci "o mně" se až moc chlubíš (dal jsi sem všeho všudy jeden program) a ten "největší RPG rozcestník" má nefunkční odkaz :D
  • Plně ovládám HTML5, CSS3, PHP, MySQL - velmi nadsazené a 100% nepravdivé tvrzení od někoho, kdo se IT věnuje 2 roky a je mu 15 let. Málokdo "plně ovládá" nějaký jazyk - to trvá cca 10 let aktivního používání. Až pak si možná můžeš říkat expert na xyz. Skutečnost je taková, že je spousta věcí, na které jsi ani nenarazil, natož aby jsi je byl schopen vyřešit. Sebedůvěra je dobrá, ale nic se nesmí přehánět. ;)
  • Nelíbí se mi vzhled menu (nějak to barevně nesedí), jinak ale celkem čisté a pěkné
Nahoru Odpovědět
13.2.2016 23:33
Chyba je mezi klávesnicí a židlí.
Avatar
Martin Štěpánek
Tvůrce
Avatar
Odpovídá na David Novák
Martin Štěpánek :13.2.2016 23:45

První 4 body určitě udělám :-)
Jak myslíš, že není zacentrovaný? :-)
Bod 6 také udělám
Bod 7 - no mně to taky přijde divné, ale už jsem několikrát četl, že na text je nejlepší používat patkové písmo a na nadpisy bezpatkové...
8. no ještě upravím - dělal jsem to dost narychlo :-`
9. Jo já vím, ale nevím, jak tam napsat, že to ovládám do potřebné míry a zároveň ne, tak jak to říkáš - ještě se pokusím něco vymyslet :-)
10. Menu... to asi jako jediné nechám - maximálně, kdyby bylo moc ohlasů na to, že je špatné

Jinak moc děkuji za pomoc a čas, který jsi tomu věnoval :-)

Nahoru Odpovědět
13.2.2016 23:45
Všechno jde naprogramovat, chce to jen čas a chuť...
Avatar
David Novák
Tvůrce
Avatar
Odpovídá na Martin Štěpánek
David Novák:13.2.2016 23:51

Není zač ;)

Patička viz. obrázek.

Nahoru Odpovědět
13.2.2016 23:51
Chyba je mezi klávesnicí a židlí.
Avatar
Lava
Člen
Avatar
Lava:16.2.2016 11:04

Mne sa to príliš nepáči... vyzerá to dosť old-school, čo sa týka dizajnu

Nahoru Odpovědět
16.2.2016 11:04
Aspartám, sacharín, to je môj vitamín
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Martin Štěpánek
Tomáš123:16.2.2016 18:16
  • zišlo by sa max-width
  • prečo stredný stĺpec nemá border-radius?
  • názov webu by mal odkazovať na hlavnú stránku
  • v prehliadačoch, ktoré nepodporujú @media zápisy sa tvoj webík zobrazí bez CSS
  • Používaj hypertextové odkazy; slúžia na previazanie obsahu. V tom článku by som očakával odkazy na kategórie. Nie, nechcem hýbať myšou do menu aj keď ich tam možno vidím.
  • po zúžení a roztiahnutí okna sa mi menu vôbec neukáže; či sa to deje aj po preklopení mobilu, neviem

Prvním je, že adresa už není subdoména, ale normální doména.

Subdoména nie je normálna doména? Aká je to normálna doména?

Pokud se nemýlím, tak je to doména z tichomoří, ale to je jedno.

Ak budú takéhoto charakteru všetky články, ďalší web na kopu.

Čo sa týka kódu:

  • zbytočne linkuješ 3 CSS; stačil by jeden; pre poriadok možno 2
  • © je © nie &copy
  • prečo ten <nav>? Tým bordelom okolo (3 <div>y) podkopávaš najsilnejší pilier HTML5 blokových sémantických prvkov – prehľadnosť.
  • To menu by som neriešil dvoma časťami. Buď zneviditeľnenie prvej položky (:first-child) alebo:
<h2>
<ul>
        <li>
        <li>
        <li>
</ul>
  • na čo je tá #kotva? Nechcel by si tam radšej použiť niečo zmysluplnejšie?
  • väčšie i menšie prečiny proti validite si zvládneš dohľadať sám

Keď bude web použiteľnejší, bude sa mi páčiť viac. Tá diskusia napravo ma dosť ruší.

Nahoru Odpovědět
16.2.2016 18:16
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Martin Štěpánek
Tvůrce
Avatar
Odpovídá na Tomáš123
Martin Štěpánek :16.2.2016 21:15
  1. border-radius střednímu sloupci nastaven.
  2. Již odkazuje.
  3. Odkazy do článku vloženy.
  4. Web jsem zkoušel na několika mobilech a tabletech - vše se zdálo být v pořádku.
  5. Věty v článku upraveny.
  6. Ano vím, že se jedná o zbytečné HTTP požadavky navíc, ale bohužel já jsem hrozný perfekcionalista a musím to mít rozdělené.
  7. copy opraveno
  8. Kotva odstraněna - já ji tam měl, protože jsem předtím něco zkoušel a zapomněl jsem to smazat.
  9. Chat odstraněn - už mě také chvíli rušil.
Nahoru Odpovědět
16.2.2016 21:15
Všechno jde naprogramovat, chce to jen čas a chuť...
Avatar
Tomáš123
Člen
Avatar
Tomáš123:16.2.2016 22:34

Ano vím, že se jedná o zbytečné HTTP požadavky navíc, ale bohužel já jsem hrozný perfekcionalista a musím to mít rozdělené.

Nestačilo by, predsa, nejaké jednoduchšie rozdelenie na predvolený a doplnkový štýl? Súčasné rozdelenie aj tak nemá taký zmysel: http://www.myscreen.cz/…46761d6c140b.
Nemusel by si tak nastavovať atribút media a strácať podporu v CSS.

Ešte čo do vzhľadu, nepáči sa mi, že sa to menu dotýka okna. Na neobmedzene širokom layoute nastáva situácia zle čitateľného obsahu: viď dobré rady od skúseného grafika: http://diskuse.jakpsatweb.cz/.sandbox/?…

CSS kód:

  • Písmo s veľkosťou v pixeloch nejde v IE zväčšovať.
  • nepoužívaš border-box hodnotu vlastnosti box-sizing, čo ti rozširovalo input pre meno v pravom paneli, ale to bola zrejme jediná týmto ovplyvnená časť stránky
  • nevyužívaš šetriaci potenciál CSS (padding: 5px 0)
  • color je dedičná, nie je potrebná explicitná dedičnosť deklarovať
  • deklaruješ section {width: 100%}, čo je nadbytočné pre všetky prehliadače, ktoré túto značku poznajú (resp. trochu si tým škodíš kvôli inému počítaniu paddingu pri explicitnom uvedení šírky), ale nedefinuješ display: block, čo je o dosť podstatnejšie pre staršie prehliadače.
  • asi nie je veľmi dobrou praktikou všetko uvádzať v %.
  • tým, že je menu pri mobilnom zobrazení fixnuté, nemusím vidieť všetky položky. Pri nejakej max-height by sa ho zišlo odfixnúť
Nahoru Odpovědět
16.2.2016 22:34
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
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 8 zpráv z 8.