Kritika webu http://davidhynek.cz/ditom/

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

Jak se ti líbí web?
Celkové hodnocení (9 hlasů):
2.222222.222222.222222.222222.22222
Přejít na web:
http://davidhynek.cz/ditom/
Avatar
David Hynek
Redaktor
Avatar
David Hynek:

Hezký večer přeji.

Dal jsem do kupy návrh nového webu mé firmy. Zkusil jsem to udělat ala "responsivní design". Zajímal by mne váš názor, zda jsem se přiblížil použitelnému provedení. Přibude tam ještě pár grafických prvků, takže zatím to nehodnoťte po stránce "krásy", ikdyž ten jednoduchý design se mi celkem líbí. Ale co se líbí mně, nemusí být ono pro jiné. Udělal jsem si tam i malý "lightbox" protože jsem žádný co by mi vyhovoval nenašel.

Předem díky za rady a postřehy.

Odpovědět 7.6.2015 19:06
Čím víc vím, tím víc věcí nevím.
Avatar
Vakos
Redaktor
Avatar
Vakos:

Na první pohled se mi web nelíbí. Chce to nějaký nápad čím by se web ozvláštnil. Trochu nechápu, proč se web rozdílně zobrazuje v chromu a firefoxu.

Když už je responzivní, tak proč je dole ten posuvník když zmenším okno? je to blbost, ale mi to vadí při procházení webů a nejsem rozhodně sám.

Kód je validní, ale moc nechápu použití <menu>, když je podporovaný pouze ve firefoxu. Alternetivou je za to <nav>, který je používanější.

Co se týče lightboxu, tak ten použitý je dle mého názoru strašný. Za sebe doporučuji tento http://dimsemenov.com/…nific-popup/ případně ten, co je uveden ve zdejších tutoriálech. Výhodou prvního typu je ten, že je taktéž responzivní.

Myslím si, že web by měl firmu nějak reprezentova zvenčí a proto je důležité, aby byl také pěkný a proto bych doporučil zainvestovat do nějaké pěkné grafiky když na to nestačíte!

Nahoru Odpovědět  +1 7.6.2015 20:49
"Jediný způsob, jak dělat skvělou práci, je milovat to, co děláte. Pokud jste to ještě nenašli, hledejte dál. Ne...
Avatar
Inoue Yūki
Redaktor
Avatar
Odpovídá na David Hynek
Inoue Yūki:

Stránka je technicky celkem moderně zpracovaná, nicméně design dosti zaostává. Na první pohled není zcela zřejmé, na jaké stránce že se to nacházím, což pro zákazníka může být matoucí. Nejvíce pozornosti přitahuje název DITOM, které samo o sobě moc neříká. Určitě bych větší pozornost přesunul na text "Naše řešení pro vaši výrobu a skladování", i když ani tam není zcela jasné vaše zaměření.

Je zde vidět rozložení Z, tudíž hned po logu směřuje pozornost na menu, což také není moc dobré. Možná by bylo lepší menu s hutným obsahem prohodit.

Design této stránky by před pár lety nebyl špatný, dnes ale moc dobře nevypadá. Například logo se zrcadlením. Přemýšlel jste o výběru nějakého modernějšího stylu? Material design, flat design, prokládané obrázky (což je sice starší styl, nicméně stále použitelný), či alespoň více zinteraktovat celou stránku? Nyní působí poněkud staticky, jako staré manuály standardu HTML 3.2.

Responzivní design se víceméně povedl, minimálně se mě zobrazuje přehledně. Rozložení mobilní verze je určitě mnohem přijatelnější.

Použitelnost: 6,5/10
Design: 3/10
Kód: 8/10

Kód jsem jen spěšně prolétl, ale vypadá docela dobře. Suma sumarum 5,8/10 bodů. :)

Nahoru Odpovědět  +2 7.6.2015 21:00
Avatar
David Hynek
Redaktor
Avatar
Odpovídá na Inoue Yūki
David Hynek:

Díky, díky. Co se týká kritiky, velmi za ni děkuji. Možná dojde i na toho grafika (kód si zvládnu)... nějaké nabídky? :)

Nahoru Odpovědět 7.6.2015 21:28
Čím víc vím, tím víc věcí nevím.
Avatar
Jenkings
Redaktor
Avatar
Jenkings:

Jak je možné že to při stejném rozlišení vypadá úplně jinak ?

Nahoru Odpovědět  +3 7.6.2015 21:55
Největší časovou náročnost má výpočet časové náročnosti..
Avatar
David Hynek
Redaktor
Avatar
Odpovídá na Jenkings
David Hynek:

díky, na chrome jsem to nezkoušel... ani ho v PC nemám nainstalovaný, ale vyzkouším... :)

a koukám, že font Calibre používám asi jen já :)

Editováno 7.6.2015 22:11
Nahoru Odpovědět 7.6.2015 22:08
Čím víc vím, tím víc věcí nevím.
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na David Hynek
Daniel Vítek:

Máš to pěkně responzivní. Mám stejný problém jako Jenkings. Design je sice minimalistický ale pěkný.

Pokud to vpravo jsou odkazy pak nefungují. Pokud to odkazy nejsou, nedával bych to jako odkazy. A taky bych trochu jinak odlišil 2. úroveň seznamu, toho menšího kolečka jsem si všiml až po chvilce :)

 
Nahoru Odpovědět 16.6.2015 20:46
Avatar
Tonda Kozák
Člen
Avatar
Tonda Kozák:

Líbí se mi, jak máš vyřešenou responsivitu, máš to pěkně odstupňované, ne jako jinde, že na půl full HD vidím styl pro mobily.

Nevím, jak hodláš mít vyřešené podstránky, ale v současné době ti je doufám jasné, že na dotykových zařízeních není možné vyvolat rozbalení podpoložek třeba u těch regálových systémů.

Web sice nevypadá supermoderně, ale nemyslím si, že je to nutně velká chyba. Důležité je, že je originální.

Jinak protože web není ani trochu hotový, nedá se jinak moc co hodnotit.

Vakos

Tak

<menu>

nebyl problém používat minimálně už v roce 2008. Ty píšeš o nepodpoře těch formulářových legrácek z HTML 5, pro obyčejnou navigaci se dá používat bez problému pro všechny prohlížeče. Má mnohem větší podporu, než tag

<nav>
 
Nahoru Odpovědět  +1 18.6.2015 13:47
Avatar
Vakos
Redaktor
Avatar
Nahoru Odpovědět 18.6.2015 14:10
"Jediný způsob, jak dělat skvělou práci, je milovat to, co děláte. Pokud jste to ještě nenašli, hledejte dál. Ne...
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Vakos
Tonda Kozák:

Ano, ale ty mluvíš o podpoře té funkcionality HTML 5.

Tag menu byl již HTML 3.2 (http://www.w3.org/TR/REC-html32#menu) specifikacích a fungoval jako ul s tím rozdílem, že měl sémantický význam právě pro navigaci.
V HTML 4.01 byl z jakéhosi neznámého důvodu označen za zastaralý - ovšem prohlížeče jej samozřejmě již od 3.2 podporují a budou podporovat nadále.
V HTML 5 dostal novou funkci pro kontextové menu a jiné interaktivní věci.

Pokud však vytváří navigaci, může směle stále používat menu. Ano, je to pochybné, ale je to (pro tuto funkci) podporováno všude.

 
Nahoru Odpovědět 18.6.2015 15:12
Avatar
Odpovídá na David Hynek
Dominik Gavrecký:

Jedného grafika mám ktorý spraví čokoľvek za veľmi zaujímavé ceny ... Ak by si mal záujem napíš mi PM

Nahoru Odpovědět  -1 18.6.2015 15:21
Hlupák nie je ten kto niečo nevie, hlupákom sa stávaš v momente keď sa na to bojíš opýtať.
Avatar
David Hynek
Redaktor
Avatar
Odpovídá na Tonda Kozák
David Hynek:

Díky za komentář. Web je ve stádiu zkoušky, proto ty odkazy nefunguji.
Zkouším jak se to kde chová a díky za vaše rady. Hover mě zradil. Nějak jsem si neuvědomil, že na mobilu, tabletu není myš :) tak jsem předělal menu.

Zazněla připomínka, ohledně nejasnosti při prvním pohledu na stránky. To je fakt, neuvědomil jsem si to. Zkusím to s obrázky do hlavičky, je to výmluvnější než slovní popis. Lidi dnes moc nečtou a já jsem stará škola. Na druhou stranu, se na stránky dostanou lidé, co už vědí kam jsou. Tedy náhodní návštěvnici ke mně nezavítají.

Opravil jsem zobrazení při kliku na fotky... blbě udělaná podmínka... teď to pracuje jak má.

Ale otázka, jak se sakra u mobilu odstaní horizontální posunovač, nebo se ke každé stránce na mobilu přidávají nějaké pixely pro posuvník? Hledal jsem, hledal, ale marně. Máte s tím nějakou zkušenost? Owerflow-x: none nezabralo... díky

Nahoru Odpovědět 18.6.2015 22:00
Čím víc vím, tím víc věcí nevím.
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na David Hynek
Tonda Kozák:

Horizontálního posuvníku se zbavíš snadno, width: 100% pro #pata (a nebo klidně pro všechno, 100% šířka je u blokových prvků výchozí, ale pokud ji definuješ a pak přidáš padding, tak výsledná šířka je 100 % obrazovky + boční padding, pokud šířku nedefinuješ, tak se automaticky roztáhne přes celou šířku a padding se nepřipočítává).

 
Nahoru Odpovědět  +1 19.6.2015 11:13
Avatar
David Hynek
Redaktor
Avatar
Odpovídá na Tonda Kozák
David Hynek:

:) no jo... patička mi to kazila... :) díky

Nahoru Odpovědět 19.6.2015 23:37
Čím víc vím, tím víc věcí nevím.
Avatar
Odpovídá na David Hynek
Petr Čech (czubehead):

Základy vznikli.... Bla bla bla... Pokud chci profi firmu, jdu pryč.

Nahoru Odpovědět  +1 20.6.2015 15:40
Why so serious? -Joker
Avatar
David Hynek
Redaktor
Avatar
Odpovídá na Petr Čech (czubehead)
David Hynek:

:) no jo :) já to tak často měnil, až jsem si to ve finále po sobě nepřečetl... :)

Nahoru Odpovědět 21.6.2015 13:26
Čím víc vím, tím víc věcí nevím.
Avatar
David Hynek
Redaktor
Avatar
David Hynek:

Omlouvám se, za obnovení tématu, ale hrál jsem si teď s mým "lightboxem". Zajímalo by mne, zda je pro vás "uživatele", použitelný a zda se líbí. Je tam snaha i o gumovitost zobrazení. Gramatické chyby by tam už také neměly být :) předem díky za reakce...

http://davidhynek.cz/ditom/

Nahoru Odpovědět 26.6.2015 22:54
Čím víc vím, tím víc věcí nevím.
Avatar
Odpovídá na David Hynek
Dominik Gavrecký:

Lightbox je aspoň pre mňa úplne nepoužiteľný kým som prišiel na to ako to vypnem :D Neviem či to blbne iba mne ale lightbox sa vypne po na kliknutí na img ... Firefox

Nahoru Odpovědět 26.6.2015 23:10
Hlupák nie je ten kto niečo nevie, hlupákom sa stávaš v momente keď sa na to bojíš opýtať.
Avatar
Martin Konečný (pavelco1998):

Nemůžu si pomoct, ale menu hledám na levé straně, kde je fixně pozicované logo, které tak při scrollování akorát překáží :D

Vyměnil bych strany loga a menu a logo nenechával fixně, ale staticky (tj. tam, kde je, a bez pohybu).

 
Nahoru Odpovědět 26.6.2015 23:14
Avatar
David Hynek
Redaktor
Avatar
Odpovídá na Dominik Gavrecký
David Hynek:

Zdar... mi neříkej. Snad na všech "lightboxech" je, že když klikneš na "ústřední" obrázek, tak se to vrátí zpět. U mne dokonce na pozici z které se kliklo. Na levé a pravé straně se pak zobrazí obrázky pro možnost procházení, obrázků na stránce. Zkoušel jsem to, ve FF, IE, Chrome i jsem si nainstaloval Operu a všude mi to běhá...

Nahoru Odpovědět 26.6.2015 23:36
Čím víc vím, tím víc věcí nevím.
Avatar
Vakos
Redaktor
Avatar
Odpovídá na David Hynek
Vakos:

Stránka prošla malým redisignem a to jen k lepší, teda kromě patičky, která je dle mého názoru strašná a měla by se přepracovat. Například ty ikony na FB a YouTube jsou strašné, ...

Jako Lightbox doporučuji používat http://dimsemenov.com/…nific-popup/, který je plně responzivní. Ten co je tam v současné době je strašný!

Nahoru Odpovědět  +1 27.6.2015 0:19
"Jediný způsob, jak dělat skvělou práci, je milovat to, co děláte. Pokud jste to ještě nenašli, hledejte dál. Ne...
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 21 zpráv z 21.