Kritika webu http://www.stepweb.tk/

HTML a CSS Kritika webů - ukažte se! http://www.stepweb.tk/ American English version English version

Jak se ti líbí web?
Celkové hodnocení (3 hlasů):
33333
Přejít na web:
http://www.stepweb.tk/

Při vložení tohoto webu do kritiky web získal 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

Avatar
Martin Štěpánek (Enormyk):

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

Odpovědět 13. února 22:33
Nesnáším, když někdo u if nepoužívá {}, byť se jedná o jeden řádek.
Avatar
David Novák
Tým ITnetwork
Avatar
David Novák:

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. února 23:33
Chyba je mezi klávesnicí a židlí.
Avatar
Odpovídá na David Novák
Martin Štěpánek (Enormyk):

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. února 23:45
Nesnáším, když někdo u if nepoužívá {}, byť se jedná o jeden řádek.
Avatar
David Novák
Tým ITnetwork
Avatar
Nahoru Odpovědět 13. února 23:51
Chyba je mezi klávesnicí a židlí.
Avatar
Mego
Člen
Avatar
Mego:

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

Nahoru Odpovědět  +2 16. února 11:04
Radšej 15 minút skôr, ako 15 sekúnd neskoro...
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Martin Štěpánek (Enormyk)
Tomáš123:
  • 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. února 18:16
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Odpovídá na Tomáš123
Martin Štěpánek (Enormyk):
  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. února 21:15
Nesnáším, když někdo u if nepoužívá {}, byť se jedná o jeden řádek.
Avatar
Tomáš123
Člen
Avatar
Tomáš123:

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. února 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.