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

👀 Prodám satirickou, fanouškovskou FB stránku obrovským potenciálem 🔥

1 000 Kč

0 příhozů

✅ Prodám rozpracovaný projekt na super doméně – Online tržiště PR článků a linků ❗️ WWW.LINKOVIŠTĚ.CZ ❗️

1 000 Kč

0 příhozů

Prodej domény WOODOO.CZ

4 000 Kč

0 příhozů

Prodám doménu VLASOVESTUDIO.COM

2 000 Kč

0 příhozů

Prodám doménu PRASAK.CZ

2 000 Kč

0 příhozů

Poptávky Více

Poptávka korektury článků do zpravodaje

Web scraping / Tvorba procesů v UI Path

Hledám grafika

Jednorázový export faktur z Abra Flexi do Pohody

UI/UX Dizajnér NEEDED!

Pracovní nabídky Více

𝗧𝗲𝘀𝘁 𝗠𝗮𝗻𝗮𝗴𝗲𝗿

Práce z domu, Praha

160 000 Kč

Pětičlenný tým vývojářů na technologie .NET & React

Praha

Hledáme externí grafičku/grafika pro rodinnou firmu MycoMedica.cz

Hradec Králové

Hledáme medior Projektového manažera(ku)/koordinátora(ku)

Práce z domu, Praha

80 000 - 115 000 Kč

Front-end developer/ka / Kodér/ka

Práce z domu, Praha

Nabídky Více

PPC | Google Analytics | Looker Studio

PPC 👨🏻‍💻 | Facebook + Google Ads | ZÁRUKA VRÁCENÍ PENĚZ | 5+ let praxe ✅

LEVNÁ TVORBA WORDPRESS WEBŮ | E-SHOP | SEO | PPC

Nabízím službu manuálního testera vaší stránky,

Kodérské a frontenďácké práce (HTML5,CSS3,jQuery,etc etc)