Kritika webu http://bltest.tode.cz/

HTML a CSS Kritika webů - ukažte se! http://bltest.tode.cz/ American English version English version

Jak se ti líbí web?
Celkové hodnocení (4 hlasů):
3.53.53.53.53.5
Přejít na web:
http://bltest.tode.cz/

Při vložení tohoto webu do kritiky web získal následující hodnocení:

Kladných hodnocení: 11; Varování a poznámky: 31; Kritické chyby: 1.
Stránka obsahuje mnoho zbytečných chyb. Většinu nalezených chyb je možné jednoduše opravit. Pokud si s něčím nevíte rady, použijte Český neoficiální validátor HTML stránek

Avatar
Petr Čech (czubehead):

Ahoj, dělám na jednom webu, a myslím, že už je ve fázi, kdy by se dal hodnotit.
Doména je jen na testování, finální verze bude mít doménu 2. řádu, s tím souvisí i reklama. Většina obrázků je náhodně generovaných a nakonec tam také budou jiné. Všechny nabídky vedou jen na 1 stránku, protože k nim ještě nemám obsah.
Chtěl bych ohodnotit především design, kód (CSS vylezlo z SCSS, SCSS soubor je http://bltest.tode.cz/…/screen.scss), responsivitu a kontaktní formulář.
PS: vypnul jsem posílání e-mailů, takže mi nic nepřijde ;-)

Odpovědět 4.12.2015 21:16
Why so serious? -Joker
Avatar
Michal Žůrek (misaz):

co je to za fenomén dávat si do patičky nějaký citát?

Nahoru Odpovědět 4.12.2015 21:20
Nesnáším {}, proto se jim vyhýbám.
Avatar
Tomáš Brůna
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Tomáš Brůna:

pokud máš hosting na endoře tak ti ho to tam strká automaticky, nevím jestli to dělá i jinde

Nahoru Odpovědět  +4 4.12.2015 21:21
Lepší být šprt než blbec :)
Avatar
Nahoru Odpovědět  +2 4.12.2015 21:27
I have a charger. I have Note 7. Umh I haven't Note7.
Avatar
Matúš Petrofčík
Šéfredaktor
Avatar
Odpovídá na Tomáš Brůna
Matúš Petrofčík:

Nemyslim ze ten citat tam dala endora :)

Nahoru Odpovědět 4.12.2015 21:41
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Taskkill
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Taskkill:

Fenomen hadr :D tohleto je jedna z veci, co me privadi k silenstvi ... spravuju web jedne neziskove organizaci, zamerene svou pusobnosti na vzdelavani deti a podobne... je fakt bomba, kdyz na webu naprosto profesionalni dojmy budicim, trci citat typu ... "Kde se clovek nudi vice nez v kruhu rodinnem" ..Oscar Wilde ... nic proti Oscarovi jeho knihy mam rad :D ale tenhle citat nepatri mezi jeho mentalni bohatstvi cislo jedna :D

 
Nahoru Odpovědět  +1 4.12.2015 21:43
Avatar
Petr Čech (czubehead):

Proboha já kvůli vám asi to reklamu zakryju, když jediné téma, které probíráte je vložená reklama od Endory :D Nemůžete to prosím ignorovat :-?

Hvězdičky jsou sice fajn, ale mě by zajímalo spíš slovní hodnocení...

Nahoru Odpovědět  +1 4.12.2015 21:49
Why so serious? -Joker
Avatar
Matúš Petrofčík
Šéfredaktor
Avatar
Nahoru Odpovědět 4.12.2015 23:51
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Matúš Petrofčík
Šéfredaktor
Avatar
Odpovídá na Tomáš Brůna
Matúš Petrofčík:

Alebo to tam fakt dava endora citaty? Nedavala reklamy na nejake neodymove magnety?

Nahoru Odpovědět 4.12.2015 23:54
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Odpovídá na Matúš Petrofčík
Petr Čech (czubehead):

Jo, dávají tam citáty místo reklamy.
Ty citáty tam ve výsledku nebudou, tak je zkuste prosím ignorovat, předpokládám, že není třeba kvůli vám porušovat Endora pravidla...

Nahoru Odpovědět 5.12.2015 0:34
Why so serious? -Joker
Avatar
Taskkill
Redaktor
Avatar
Odpovídá na Petr Čech (czubehead)
Taskkill:

Vsak se necil ... :D je to hezkej web...tentokrat mi ta bila vadi o poznani mene, nez na jednom predeslem webu.. me by se takovej web jako uzivateli libilo navstevovat :)

 
Nahoru Odpovědět 5.12.2015 0:37
Avatar
Taskkill
Redaktor
Avatar
Odpovídá na Matúš Petrofčík
Taskkill:

Jojo ..endora je tam dava ... magnety asi nedosahovaly dostatecneho dusevniho povzneseni u uzivatelu webu...

 
Nahoru Odpovědět  +1 5.12.2015 0:38
Avatar
Denis Homolík (Alfonz):

Matúš Petrofčík Asi už tu reklamu nikdo nechce :D

Jinak k tématu, trochu bych zvýraznil to menu protože, jsem si ho skoro nevšiml.
Zvýrazni nadpis a tučné písmo (ne přímo černou, ale třeba #333).
Na tom baneru s kamenama bych klidně tomu textu zvýšil stín na 10px.
V galerii dej položkám trochu prostoru a ty obrázky vycentruj.

Jinak moc pěknej web :)

Nahoru Odpovědět  +1 5.12.2015 0:39
Vše je možné, dokud si to myslíte!
Avatar
Odpovídá na Denis Homolík (Alfonz)
Petr Čech (czubehead):

Díky. Můžu se zeptat, jak bych to měl vycentrovat? Vždyť to už je vycentrované... :-?
Jinak máš pravdu, měl bych tam přidat nějaký padding, už jsem s tím i počítal, jen jsem chtěl vědět, tak se to bude lidem líbit.

Jo a btw ten e-shop nefunguje schválně.

Nahoru Odpovědět 5.12.2015 0:58
Why so serious? -Joker
Avatar
Odpovídá na Petr Čech (czubehead)
Denis Homolík (Alfonz):

To centrování je už v pohodě, načetlo se mi to nějak divně :D

Nahoru Odpovědět  +1 5.12.2015 1:27
Vše je možné, dokud si to myslíte!
Avatar
BlugW
Redaktor
Avatar
BlugW:

Footer mi k tomu vůbec nepasuje, vypadá jako první pokus studenta o web. Takže si s ním ještě pohraj.
Ještě bych možná ten font na bílem pozadí udělal tmavší, protože se špatně čte.

Jinak web se mi líbí.

Nahoru Odpovědět 5.12.2015 11:39
Pořiď si mac na www.appletrh.cz. Novinky a zajímavosti ze světa Apple na https://www.applemagazin.eu
Avatar
Odpovídá na BlugW
Petr Čech (czubehead):

Díky, taky mi tam tak nějak nepasoval, jen jsem chtěl vědět, jestli je to jen subjektivní pocit. Zkusím s tím něco udělat.

Nahoru Odpovědět 5.12.2015 23:55
Why so serious? -Joker
Avatar
Tonda Kozák
Člen
Avatar
Tonda Kozák:
  • Písmo je až moc světlé.
  • U formuláře by bylo fajn, kdybys napsal, co jsem blbě vyplnil (například špatný formát čísla).
  • Nevím, co jsi představit pod těmi obrázky na úvodní stránce, ale dal bych mezi ně mezeru.
  • Mapa přes celou šířku stránky má nevýhodu, že nelze se kolečkem dostat až dolů.
  • Proč nejsou na stránce Kontakt kontaktní údaje, tak jako na ostatních?
  • Barva patičky působí jako traverzou do oka.
 
Nahoru Odpovědět  +1 6.12.2015 11:40
Avatar
Milan Křepelka
Redaktor
Avatar
Milan Křepelka:

Myslím, že by se mělo zabránit lidem sem dávat poloprodukty. Velmi často se to stočí do neverending seriálu, poraďte mi jak to mám vlastně udělat. Navíc v podstatě není hodnotit co. Ta informační stránka je tak slabá, že nelze ani zbla určit, jestli ten web plní alespoň základní účel.

Jinak bych zapracoval na copywritingu. Sousloví jako

"Řadu projektů v oblasti reklama, jsme řešili už i v zahraničí."

evokuje úplný opak toho co má říci.

 
Nahoru Odpovědět  -1 6.12.2015 12:33
Avatar
Petr Čech (czubehead):

Díky všem za cennou zpětnou vazbu. Myslím, že tu patičku budu muset předělat, nebo alespoň přebarvit.

Nahoru Odpovědět 6.12.2015 13:15
Why so serious? -Joker
Avatar
hitzoR
Člen
Avatar
Odpovídá na Milan Křepelka
hitzoR:

A ta věta má navíc chybu, u které nikdy nemám ani nejmenší tušení, jak ji někdo mohl udělat. :-D Chápu, že někdo nacpe špatně čárku před "a" apod., ale nechápu, jak ji někdo může narvat doprostřed úplně obyčejné věty.

Jinak na tom webu není nic moc hezkého. Menu nevýrazné, fotku kamenů bych zesvětlil, aby ten text šel líp přečíst. A barva textu? U grafického studia bych očekával, že ten web bude nějak vypadat, že projde pod rukama minimálně jednoho člověka s dobrým grafickým cítěním. Ale dát text světle šedě na bílé pozadí, to je trochu fail. Potom určitě odsadit ty obrázky od sebe a možná si i pohrát s těma popiskama u nich (zas moc nevýrazné, zkusil bych je dát na spodní okraj obrázku a bíle). Footer není vyloženě úplně špatný, ale ten pravý sloupec bych určitě zarovnal doprava tak, aby navazoval na pravý okraj obsahu.

 
Nahoru Odpovědět 6.12.2015 13:29
Avatar
hitzoR
Člen
Avatar
hitzoR:

A ještě ke kódu. Předělal bych ty obrázky. Struktura stačí jenom

<a><img/></a>

a výsledek bude vypadat stejně jako to, co tam je teď. Stačí použít pseudoelement :after nebo :before na <a>, kterému budeš při hoveru jenom měnit opacity.

a {
        position: relative;
}
a:after {
        content: 'více';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, .X); /* X = jak průhledný chceš mít ten overlay */
        transition: ...;
}
a:hover:after {
        opacity: 1;
}
Editováno 6.12.2015 13:38
 
Nahoru Odpovědět  +1 6.12.2015 13:37
Avatar
Odpovídá na hitzoR
Petr Čech (czubehead):

Díky, ten ::after je sice super nápad, ale vzhledem k tomu, že je to web připravený na přeložení do jiných jazyků, tak to kvůli

content: 'více';

asi použít nepůjde.

Nahoru Odpovědět 6.12.2015 15:18
Why so serious? -Joker
Avatar
Petr Čech (czubehead):

Tak jo, předělal jsem tu patičku, a změnil barvu písma. U pár prvních nabídek je i obsah, jen tak pro ukázku.

Nahoru Odpovědět 6.12.2015 15:19
Why so serious? -Joker
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 25 zpráv z 25.