IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
David Hynek
Tvůrce
Avatar
David Hynek:7.6.2015 19:06

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
Tvůrce
Avatar
Vakos:7.6.2015 20:49

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
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
Odpovídá na David Hynek
Neaktivní uživatel:7.6.2015 21:00

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
7.6.2015 21:00
Neaktivní uživatelský účet
Avatar
David Hynek
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
David Hynek:7.6.2015 21:28

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
Tvůrce
Avatar
Jenkings:7.6.2015 21:55

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

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

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
Odpovídá na David Hynek
Neaktivní uživatel:16.6.2015 20:46

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
Neaktivní uživatelský účet
Avatar
Tonda Kozák
Člen
Avatar
Tonda Kozák:18.6.2015 13:47

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
18.6.2015 13:47
Avatar
Vakos
Tvůrce
Avatar
Odpovídá na Tonda Kozák
Vakos:18.6.2015 14:10

Doporučuji se mrknout zde
<menu> http://caniuse.com/#…
<nav> http://caniuse.com/#…

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:18.6.2015 15:12

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ý:18.6.2015 15:21

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
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
Tvůrce
Avatar
Odpovídá na Tonda Kozák
David Hynek:18.6.2015 22:00

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:19.6.2015 11:13

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
19.6.2015 11:13
Avatar
David Hynek
Tvůrce
Avatar
Odpovídá na Tonda Kozák
David Hynek:19.6.2015 23:37

:) 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
Petr Čech
Tvůrce
Avatar
Odpovídá na David Hynek
Petr Čech:20.6.2015 15:40

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

Nahoru Odpovědět
20.6.2015 15:40
the cake is a lie
Avatar
David Hynek
Tvůrce
Avatar
Odpovídá na Petr Čech
David Hynek:21.6.2015 13:26

:) 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
Tvůrce
Avatar
David Hynek:26.6.2015 22:54

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ý:26.6.2015 23:10

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):26.6.2015 23:14

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
Aktuálně připravuji browser RPG, FB stránka - https://www.facebook.com/AlteiraCZ
Avatar
David Hynek
Tvůrce
Avatar
Odpovídá na Dominik Gavrecký
David Hynek:26.6.2015 23:36

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
Tvůrce
Avatar
Odpovídá na David Hynek
Vakos:27.6.2015 0:19

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