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
Michal Žůrek - misaz:26.1.2014 15:30

Ahoj,
takže můj web zažívá změny, no a teď přijdou mírně větší změny. Snažil jsem se úplně trhnout Modern UI designu, všechno jsem zakulatil. Ale co je možná hlavní, titulní stránka je úplně čistá, je tam jen nick a jedna věta k tomu.

Co jsem se snažil udělat zajímavé je přechod na podstránky. Obsahově možná na těch stránkách zatím nic není, to přijde později, ty podstránky typu škola, jednotlivé předměty, úspěchy, ... implementuji až budu mít jistotu že se to lidem líbí a je to k světu, nechcí strácet čas, zbytečnou prací. Reference později taky doplním, dám tam kdejaké utilitky co jsem vymyslel a tak.

Takže bych byl rád kdybyste mi zhodnotili design a nápad. Ti co jste viděli moje předchozí weby, tak to můžete zkusit i porovnat.

 
Odpovědět
26.1.2014 15:30
Avatar
Rostislav Křídlo:26.1.2014 15:33

Je to dost originální.. Řekl bych super ale nelíbí se mi jak všude házíš zelenou :D...

Nahoru Odpovědět
26.1.2014 15:33
MiracleSoft! www.miraclesoft.com
Avatar
Odpovídá na Michal Žůrek - misaz
Zdeněk Pavlátka:26.1.2014 15:34

Ty přechody jsou úžasné :O Super práce. Jen barvy jsou trochu křiklavé. Možná trochu ztmavit ? 8| ?

Nahoru Odpovědět
26.1.2014 15:34
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Jan Vargovský
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Jan Vargovský:26.1.2014 15:35

Hodil jsem si tam jen jednu barvu (pozadí) a vypadá to lépe :)

 
Nahoru Odpovědět
26.1.2014 15:35
Avatar
Odpovídá na Jan Vargovský
Michal Žůrek - misaz:26.1.2014 15:40

díky, opravdu je to možná lepší.

Zdeněk Pavlátka: teď je tam hodně světlejší barva, zdá se ti to lepší?

 
Nahoru Odpovědět
26.1.2014 15:40
Avatar
Odpovídá na Michal Žůrek - misaz
Zdeněk Pavlátka:26.1.2014 15:41

Super, nebije to tolik do očí.

Nahoru Odpovědět
26.1.2014 15:41
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Benjibs
Člen
Avatar
Odpovídá na Michal Žůrek - misaz
Benjibs:26.1.2014 15:47

Ako stránka je pekná, tie prechody super,
len... akosi nechápem prečo si si z normálneho poľa (v JSsúbore) spravil asociatívne :O

Nahoru Odpovědět
26.1.2014 15:47
1 + 1 = 2
Avatar
Odpovídá na Benjibs
Michal Žůrek - misaz:26.1.2014 15:50

je to kvůli buducí univerzálnosti skritu, kdyby každá stránka měla jméno, já jsem to pro jednoduchost nechal subpage1, subpage2, ... V budoucnu bych to nahradil homePage, kontaktPage, ... V zásadě tam jsou souřadnice kde se stránka nachází, ale mě to blbolo tak nevím jestli to není ve scriptu zbytečně, kdybych to publikoval tak se na to podívám důkladněji.

 
Nahoru Odpovědět
26.1.2014 15:50
Avatar
Benjibs
Člen
Avatar
Odpovídá na Michal Žůrek - misaz
Benjibs:26.1.2014 15:53

Skôr som narážal na to, prečo si sa obťažoval s polom, ked si mohol spravit toto:

var pages = {
subpage1 : [0, 0],
subpage2 : [0, 1],
subpage3 : [1, 0],
subpage4 : [0, 1]
}

Alebo som to nejak nepochopil :`

Ďalšia vec, namiesto:

var top = Number(pages[i].style.top.replace("%", ""))

mohlo byť

var top = parseInt(pages[i].style.top, 10);
Editováno 26.1.2014 15:56
Nahoru Odpovědět
26.1.2014 15:53
1 + 1 = 2
Avatar
Odpovídá na Benjibs
Michal Žůrek - misaz:26.1.2014 15:56

tam to mám jako textový řetězec, ty to máš jako proměnnou v objektu, ale i tam by to šlo.

 
Nahoru Odpovědět
26.1.2014 15:56
Avatar
Benjibs
Člen
Avatar
Odpovídá na Michal Žůrek - misaz
Benjibs:26.1.2014 16:00

To áno, ale pole má byť pole, a hashmapa/objekt zase hashmapou. To je len velkorysost javascriptu, že ti to dovolil.

Nahoru Odpovědět
26.1.2014 16:00
1 + 1 = 2
Avatar
albertpatera
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
albertpatera:26.1.2014 16:02

Je to rozhodně o 100% lepší než to minulý ;-)

 
Nahoru Odpovědět
26.1.2014 16:02
Avatar
Juraj Mlich
Tvůrce
Avatar
Juraj Mlich:26.1.2014 16:13

Animácie sú super, akurát sa mi moc nepáči tá zelená (nemám ju rád celkovo, nieje to objektívne) a celé mi to pripadá až moc prázdne (FullHD monitor) ... Ale je to oveľa lepšie ako to pred tým.

 
Nahoru Odpovědět
26.1.2014 16:13
Avatar
Odpovídá na Michal Žůrek - misaz
Neaktivní uživatel:26.1.2014 16:16

To vracení zpátky při scrollování myší je dost nepříjemné, lepší by bylo o nakódovat tak, aby něco takového potřeba nebylo (třeba to naskládat do elementu, ve kterém by se poté scrollovalo. Teď nevím, kde jsem to četl, ale veškeré přechody a animace, trvající déle než 0.5 vteřiny, začnou uživatele obtěžovat a zdržovat, což jsem po pár kliknutích pocítil také.

Nahoru Odpovědět
26.1.2014 16:16
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Michal Žůrek - misaz:26.1.2014 16:27

mě přijde že na 0.5s, je to až moc rychle. Nyní je to na 1s, čili 2× rychlejší oproti původnímu.

Editováno 26.1.2014 16:27
 
Nahoru Odpovědět
26.1.2014 16:27
Avatar
MrPabloz
Člen
Avatar
MrPabloz:26.1.2014 16:33

Nevim jak ostatním, ale nějak mi tam nezapadá to menu. Nějak tam nepasuje podle mě, ale je to jen můj názor ale přechody dobré :)

Nahoru Odpovědět
26.1.2014 16:33
Harmonie těla a duše, to je to, oč se snažím! :)
Avatar
Odpovídá na MrPabloz
Neaktivní uživatel:26.1.2014 16:43

Celkově se mi nezdá, že by to k sobě nějak moc šlo, ale vůbec nedokážu říct, jak to udělat lépe.

Nahoru Odpovědět
26.1.2014 16:43
Neaktivní uživatelský účet
Avatar
Odpovídá na MrPabloz
Zdeněk Pavlátka:26.1.2014 16:47

Podle mě je menu málo kontrastní, člověk co špatně vidí barvy by si ho nemusel ani všimnout.

Nahoru Odpovědět
26.1.2014 16:47
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Odpovídá na Michal Žůrek - misaz
Jakub Vaněk (Bubavanek):26.1.2014 17:00

Ahoj, je to fajn. Vypadá to hezky. Ale mám takové dvě výhrady: Tlačítko odeslat v kontaktním formuláři by zasloužilo nějaké odsazení od dolního okraje. Takhle je divný.

A ty přechody, udělaný to je hezky. Efekt krásnej. Ale třeba mě to dost obtěžuje. A jak už tady někdo psal, na 27 palcovým monitoru je to takový dooooost prázdný a ta zelená je hodně jedovatá.

 
Nahoru Odpovědět
26.1.2014 17:00
Avatar

Člen
Avatar
:26.1.2014 20:23

Menu mám na dva řádky :( Na stránce Znalosti mi menu zahrývá nadpis (a i kdyby bylo na jednom řádku). Přechody jsou řešeny opravdu originálně, to musím uznat :)
Kdyžtak to hnusný menu s překrýváním je tu: http://www.2imgs.com/7f1a7a5083

 
Nahoru Odpovědět
26.1.2014 20:23
Avatar
Michal Žůrek - misaz:27.1.2014 21:19

tlačítko odsazeno.
menu jsem ztmavil, aby se zvětšil kontrast, ale i tak se mi zdá "divné", napadlo mě použít kulatá tlačítka z machra http://www.itnetwork.cz/…-novak-misaz , každopádně ani to se mi příliš nezamlouvá, asi to bude cool, ale přeci mi přijde že to moc naruší čistotu té titulní stránky. Co na to říkáte vy?

 
Nahoru Odpovědět
27.1.2014 21:19
Avatar
Michal Maršálek:27.1.2014 21:44

Je to pěkné, jediné, co se mi osobně nelíbí je, že když se naviguju diagonálně, tak mi v rožcích skočí asi na 0.5 sekundy ty druhé dvě sekce, možná by stálo za to je při přechodu skrýt a pak je zase zobrazit.
Taky bych asi aktuální sekci podbarvil i v menu.

 
Nahoru Odpovědět
27.1.2014 21:44
Avatar
Michal Žůrek - misaz:27.1.2014 21:56

S kulatými tlačítky by to vypadalo takhle (viz přiložený obrázek).

 
Nahoru Odpovědět
27.1.2014 21:56
Avatar
Odpovídá na Michal Maršálek
Michal Žůrek - misaz:27.1.2014 22:11

díky za nápady, postupně to implementuji.

 
Nahoru Odpovědět
27.1.2014 22:11
Avatar
albertpatera
Tvůrce
Avatar
albertpatera:27.1.2014 23:33

teď to menu vypadá líp, než když tam byla ta světlá barva

 
Nahoru Odpovědět
27.1.2014 23:33
Avatar

Člen
Avatar
:28.1.2014 16:04

Uděláš něco s tím dvouřádkovým menu?

 
Nahoru Odpovědět
28.1.2014 16:04
Avatar
Odpovídá na
Michal Žůrek - misaz:28.1.2014 16:08

Dvouřádkové menu je jenom na safari, kterou nemám a nikdy mít nebudu, teď ještě vylepšuji některé věci, v další nasazené verzi bude menu s kulatými tlačítky, a bude jednořádkové (snad).

 
Nahoru Odpovědět
28.1.2014 16:08
Avatar

Člen
Avatar
Odpovídá na Michal Žůrek - misaz
:28.1.2014 16:48

aha, okej :)

 
Nahoru Odpovědět
28.1.2014 16:48
Avatar
Michal Žůrek - misaz:28.1.2014 20:26

Nasadil jsem na web mírné změny. Už nejde scrollovat, na telefonu to funguje líp. Zvýraznění aktuální stránky. Navigace používá kulatá tlačítka. Stránka znalostí není částečně překryta navigaci.

 
Nahoru Odpovědět
28.1.2014 20:26
Avatar
Ondrca
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Ondrca:28.1.2014 20:28

Teď to je super!

Nahoru Odpovědět
28.1.2014 20:28
Zase jsem o něco chytřejší
Avatar

Člen
Avatar
Odpovídá na Michal Žůrek - misaz
:28.1.2014 20:29

Super, už to vidím i já dobře :)

 
Nahoru Odpovědět
28.1.2014 20:29
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Honza Bittner:28.1.2014 20:33

Když rychle překlikáváš tak se ti to tak trochu buguje... :)

Nahoru Odpovědět
28.1.2014 20:33
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Ondrca
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Ondrca:28.1.2014 20:37

Ten textarea se dá roztáhnout až moc - zkus resize:none;

Nahoru Odpovědět
28.1.2014 20:37
Zase jsem o něco chytřejší
Avatar
angelusaok
Člen
Avatar
angelusaok:28.1.2014 23:00

tu stranku AMBROZICI si dostal aj zaplatenu ? :D

 
Nahoru Odpovědět
28.1.2014 23:00
Avatar
Michal Žůrek - misaz:2.3.2014 21:14

Ahoj, po nějaké době jsem si nad to zase sedl a dělal změny. Tentokrát jsem zase trochu "odprasil" zdrojový kód a vylepšoval jsem substránky, převážně znalosti a reference.

http://misaz.moxo.cz/beta/

pozn.: pokud vám to napíše Service Temponaire Unavaible, tak zkuste F5, moxo to poslední dobou dělá často, nejspíš brzy přejdu na něco lepšího.

 
Nahoru Odpovědět
2.3.2014 21:14
Avatar
Odpovídá na Michal Žůrek - misaz
Rostislav Křídlo:2.3.2014 21:19

V <title> máš chybu jinak je to podlě mě i lepší, fakt pěkný třeba ty animace.. Jo a ve firefoxu to vypadá takhle: http://prntscr.com/2xagxd ale v chromu normálně..

Nahoru Odpovědět
2.3.2014 21:19
MiracleSoft! www.miraclesoft.com
Avatar
Odpovídá na Rostislav Křídlo
Michal Žůrek - misaz:2.3.2014 21:23

Díky za upozornění. Zvorat své vlastní příjmení je teda úspěch.

 
Nahoru Odpovědět
2.3.2014 21:23
Avatar
Uživatel sítě :2.3.2014 21:53

Jak se říká: Klient web nečte, ale prochází (prohlíží si).
Ten tvůj se mi pěkně prohlížel..

Pěkná práce, ta zelená není moc křiklavá.. :)

Nahoru Odpovědět
2.3.2014 21:53
Chybami se člověk učí, běžte se učit jinam!
Avatar
Patrik Smělý
Tvůrce
Avatar
Patrik Smělý:2.3.2014 22:21

Hm, na můj vkus takové moc "Barevné" asi to bude tím že mám rád weby typu šedá oranžová prostě tmavá barva a do toho na menu a na zvaštní věci barvička tmavší :D asi jsem prostě "EMO" jinak moc hezké, Jediné co mi vadí že když jsi na Home page, a klikneš na domů ze znalosti pak klikneš rychle na kontakt a pak rychle na reference a je tam taková divná animaci myslím jsi že to tak být nemá ;).

 
Nahoru Odpovědět
2.3.2014 22:21
Avatar
malevil
Člen
Avatar
malevil:4.3.2014 21:09

A já bych se zaměřil na texty. Neznám cílovku, ale začínat každou znalost "Umím... :) Zarovnání do bloku rozumím, ale pak je třeba si pohrát se slovy.

Celkově... barvy neuráží, ale na mě to "běhá" moc rychle. Může být ale věkem.

Editováno 4.3.2014 21:10
 
Nahoru Odpovědět
4.3.2014 21:09
Avatar
jerabina
Člen
Avatar
jerabina:4.3.2014 21:19

Web hezký, akorát jak tady již bylo řečeno, ta zelená je taková, no, jednoduše moc zářící. Dále bych v referencích zvětšil ikonky technologií, ve kterých si to dělal a v kontaktech bych možná přidal i nějaké další dorozumívací prostředky, např. čistě email, telefon apod., jelikož já osobně pomocí formuláře nikdy moc neposílám.

Nahoru Odpovědět
4.3.2014 21:19
Když tě všechno zradilo, pomůže ti kladivo!
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 41 zpráv z 41.