AKCE! Doména CZ zdarma ke každému ONEbit hostingu
Zobrazují se odpovědi 1 až 9 z 9

Kritika stránky Csed.cz

  1. Začal jsem se učit HTML a CSS. Aktuální práce je za účelem tréninku a proto bych si chtěl vyslechnout kritiku.

    1. Byl bych rád, kdyby se někdo podíval do HTML a CSS kodu a řekl mi nějaké chyby které jsem udělal.
    (Jsem si vědom že si musím zlepšit strukturu HTML kodu, jelikož se mi zdá že používám špatně(chaoticky) jména elementů a atributů )

    2. Byl bych rád i za kritiku k designu.

    3. Stránka mi háže chybu zobrazení na mobilech, případně pokud si zmenším šířku obrazovky prohlížeče na PC a posunu se úplně doprava tak se zobrazuje chyba stránky ale nemohu najít příčinu.

    Děkuji všem za postřehy.

    URL stránky je www.csed.cz

    PS: Responzivní design a CSS3 mě teprve čeká..

  2. Co se právě děje na Webtrhu?
  3. Design sa mi naozaj páči, mám rád takéto jednoduché a prehľadné weby, no niesom grafik a tak nemám nejaké cítenie, to ti skritizuje niekto kto sa vyzná. Mne ako používateľovi sa páči, jedine mi prekážajú nadpisy, ktoré na mňa svojim pozadím pôsobia ako buttony a vyvolávajú vo mne vôľu klikať na ne.

    Ku HTML kódu z mojej strany len 3 výhrady.
    1. na italizovanie textu by si mal používať css a nie tag <i>,
    2. podľa mňa nekorektné používanie asside elementu (http://html5doctor.com/understanding-aside/ i ked to je už také diskutabilné)
    3. u img tagov obrázkov používaš height a width vlastnosti čo je dobre, no nezabúdaj aj na vypĺňanie alt

  4. V kode som nikde nenašiel footer ... prečo ?

  5. Trochu bych si pohrál se strukturou dokumentu, tak abys vytvořil logickou hierarchii nadpisů.
    Máš tam příliš moc H1 nadpisů a aside je tam chaoticky a zbytečně. Design není špatný.

    Kód:
    <body>
    <header>
    <h1>Mé jméno je Michal Novák</h1>
        <!-- Header content -->
    </header>
    
    <main>
    <article>
      <h2>Nabídka</h2>	
    <section>
      <h3>Komunikace přes skype</h3>
      <p>Lorem ipsum dolor sit amet...</p>
    </section>
    <section>
      <h3>Plánování hodin vůči Vašemu času</h3>
      <p>Lorem ipsum dolor sit amet...</p>
      <blockquote>
        <h1>This quoted heading will not appear in the outline</h1>
        <p>Lorem ipsum dolor sit amet...</p>
      </blockquote>
    </section>
    </article>
    
    <article>
    <h2>Reference</h2>	
     <section>
      .....
     </section>
    </article>
    ...
    </main>
    
    <footer role="contentinfo">
      ...  
    </footer>
    </body>

  6. U textů se špatně zobrazují české znaky. Pokud je tam vidíš dobře, je to tím, že ten font máš nainstalovaný v PC.
    Na Google Fonts si musíš zaškrtnout "Latin Extended" pro české znaky.

  7. css
    74 řádek width: 90%

    152 řádek width: 90%

    171 řádek width: 90%

    192 řádek width: 90%

    239 řádek width: 70%;

    288 řádek width: 90%

    318 řádek width: 60%

    454 řádek width: 90%

  8. Zdroják som nepozeral ale i tak som našiel malé drobnosti. Pri nájazde na tlačidlo kde je ten "face" sa nemení typ kurzoru, čo evokuje, že to nie je tlačidlo a nadpisy ako "nabídka, reference" na mňa pôsobia ako call action tlačidlá. Taktiež dávať "domov" do navigácie je v tomto prípade zbytočnosť radšej to daj do toho obrázku "face".

  9. Web se mi líbí. Ty nadpisy bych ale určitě udělal jinak, přesně jak píše predator129, taky jsem na ně hned automaticky klikal :-D

    jenom takové maličkosti za mě
    .slideup a{} dej z-index: 10; (podsouvá se pod některé elementy na menších rozlišeních).
    .citace-background{} nechápu tam tu hodnotu overflow: auto, takorát ti dělá ten ošlivý posuvník.

    Jinak jestli teprve začínáš, určitě se podívej na nějaký preprocessor pro css (třeba http://lesscss.org/). je to poměrně jedoduchý nástroj, který když se naučítš používat tak budeš od čistého css utíkat co nejdále to půjde.

  10. Matúš Markusek, Poool - Díky za rady a určitě si dám pozor na heirarchii nadpisů i na správné používání "aside"

    DiscO - Ano vím že musí být na každé stránce, jen mi to nějak uniklo :-)

    cech - Opraveno, díky za tip :-)

    lahwin - Kde jste vzal ty procenta? Stránce jsem nedával celkovou šířku ale každému oddílu jsem přidal různou šířku (v pixelech).

    predator129 - Díky za radu :-)

    Toliceek - Snažím se nějak nadpisy upravit, nicméně mi tam žádný styl nadpisu nesedí :-) Budu si s tím muset ještě pohrát :-)
    - .slideup je upraveno, měl jste pravdu, všiml jsem si toho na mobilu. Overflow také opravený.
    - O LessCss jsem slyšel, kamarád jej používá a vychvaluje a určitě to též začnu používat

Hostujeme u Server powered by TELE3