Kritika stránky Csed.cz

18. 1. 2016 21:11:54

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á..

18. 1. 2016 21:11:54

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167264

Matúš Markusek

(10 hodnocení)

18. 1. 2016 22:01:56

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 ,
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

18. 1. 2016 22:01:56

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167263

Marek

(4 hodnocení)

18. 1. 2016 22:16:47

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

18. 1. 2016 22:16:47

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167262

Pavel

(1 hodnocení)

18. 1. 2016 23:12:17

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ý.

<body> <header> <h1>Mé jméno je Michal Novák</h1>  </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>

18. 1. 2016 23:12:17

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167261

Jakub Jeřábek

19. 1. 2016 00:23:29

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.

19. 1. 2016 00:23:29

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167260

lahwin

(12 hodnocení)

19. 1. 2016 00:27:55

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%

19. 1. 2016 00:27:55

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167259

predator129

(4 hodnocení)

19. 1. 2016 08:38:41

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".

19. 1. 2016 08:38:41

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167258

Dominik Hašek

(12 hodnocení)

19. 1. 2016 09:21:27

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.

19. 1. 2016 09:21:27

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167257

VOSICKA

(13 hodnocení)

19. 1. 2016 17:20:20

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

19. 1. 2016 17:20:20

https://webtrh.cz/diskuse/kritika-stranky-csed-cz#reply1167256

Pro odpověď se přihlašte.

Přihlásit

Prodej Více

E-shop s balkonovou fotovoltaikou

30 000 Kč

0 příhozů

starcom.cz – Cena možná i dohodou.

20 000 Kč

0 příhozů

Zastavarna.cz

96 899 Kč

0 příhozů

Prodám e-shop DreveneHodinky.eu a DreveneHodinky.sk

5 900 Kč

0 příhozů

⭐ Největší česká GASTROMAPA ⭐

10 000 Kč

1 příhoz

Poptávky Více

Grafik/čka pro pravidelnou spolupráci

Rebranding stavební firmy

Hledám junior grafika (studenta) na příležitostnou spolupráci.

Tvorba webových stránek

Nastavení / kontrola kompletního měření a metrik e-shopu

Pracovní nabídky Více

Specialista/ka marketingové komunikace – direct marketing

Praha

Angular Developer

Praha

Hledáme 2 zkušené vývojáře

Práce z domu, Praha

Fullstack Dev Java/React

Praha

IT technik

Praha

Nabídky Více

✂️ 🎞️ Spolehlivý VIDEO EDITOR | Střih | Postprodukce | Motion grafika ✅

SEO specialista – během 5 minut zjistíme, jestli vám s webem dokážu pomoct

🔍 SEO OPTIMALIZACE – správa webu – Zvyšte viditelnost vašeho webu

Databázy e-commerce segmentu + podpora predaja ( email online sales)

🏡 Virtuální asistentka pro realitní investory