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

Fondik.cz

600 000 Kč

0 příhozů

Prodej e-shopu Benolld.cz Benolld.sk

5 000 Kč

0 příhozů

Fitness Servis ziskový projekt s historií a obrovským potenciálem

39 000 Kč

0 příhozů

🟢 Na prodej: Plyn.online – výstižná doména pro energetiku a online služby!

1 399 Kč

0 příhozů

Prémiová třípísmenná doména MZP.sk (historie od 2007)

2 399 Kč

0 příhozů

Poptávky Více

Hledám pomoc s tvorbou obrázků pro konfigurátor skříní (AI nebo grafika)

Full‑stack vývojář mobilní aplikace + webového CRM/Admin rozhraní

Hledám freelance seniorprogramatore, frontend a backend

Tvorba aplikace, ve které jsou vybrané příspěvky propojení s kalendářem

Hledáme šikovného grafika na externí spolupráci (PowerPoint, Social, AI nástroje)

Pracovní nabídky Více

Vývojář s C#

Praha

MS SQL programátor

Brno

55 000 - 80 000 Kč

Vývojář C# pro HELIOS Nephrite

Brno, Práce z domu

IT Architekt

Praha

90 000 - 100 000 Kč

.NET Developer (Razor Pages a Blazor) – full remote

Práce z domu

80 000 - 96 000 Kč

Nabídky Více

😟 Máte málo zákazníků? Změníme to! 📈 Víme, jak je přivést.

💼 Budujete osobní značku, ale nedaří se? Pomůžeme vám vyrůst na sítích! 🌱

🔥 Facebook reklama, která opravdu funguje – Přestaňte zkoušet naslepo! 🚀

Hotové minisites bez dané ceny

⚠️ ⚠️ ⚠️ ⚠️ ⚠️ ⚠️ DOKÁŽEME NAPROGRAMOVAT COKOLIV │bez pohádek – bez omáčky – bez obav