Avatar
Michal Žůrek (misaz):

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  +2 26.1.2014 15:30
Nesnáším {}, proto se jim vyhýbám.
Avatar
Rostislav Křídlo:

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
Zdeněk Pavlátka
Tým ITnetwork
Avatar
Odpovídá na Michal Žůrek (misaz)
Zdeněk Pavlátka:

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ý
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Jan Vargovský:

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):

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  +1 26.1.2014 15:40
Nesnáším {}, proto se jim vyhýbám.
Avatar
Zdeněk Pavlátka
Tým ITnetwork
Avatar
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:

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):

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
Nesnáším {}, proto se jim vyhýbám.
Avatar
Benjibs
Člen
Avatar
Odpovídá na Michal Žůrek (misaz)
Benjibs:

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):

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
Nesnáším {}, proto se jim vyhýbám.
Avatar
Benjibs
Člen
Avatar
Odpovídá na Michal Žůrek (misaz)
Benjibs:

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
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
albertpatera:

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

 
Nahoru Odpovědět  +1 26.1.2014 16:02
Avatar
Juraj Mlich
Redaktor
Avatar
Juraj Mlich:

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
Vždy je lepšie učiť sa z cudzích chýb, než z vlastných chýb.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Jiří Gracík:

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
Creating websites is awesome till you see the result in another browser ...
Avatar
Odpovídá na Jiří Gracík
Michal Žůrek (misaz):

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  +1 26.1.2014 16:27
Nesnáším {}, proto se jim vyhýbám.
Avatar
MrPabloz
Člen
Avatar
MrPabloz:

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  +1 26.1.2014 16:33
Harmonie těla a duše, to je to, oč se snažím! :)
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na MrPabloz
Jiří Gracík:

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
Creating websites is awesome till you see the result in another browser ...
Avatar
Zdeněk Pavlátka
Tým ITnetwork
Avatar
Odpovídá na MrPabloz
Zdeněk Pavlátka:

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):

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  -1 26.1.2014 17:00
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Michal Vašíček:

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
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
Michal Žůrek (misaz):

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
Nesnáším {}, proto se jim vyhýbám.
Avatar
Michal Maršálek:

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):

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

Nahoru Odpovědět  -2 27.1.2014 21:56
Nesnáším {}, proto se jim vyhýbám.
Avatar
Odpovídá na Michal Maršálek
Michal Žůrek (misaz):

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

Nahoru Odpovědět 27.1.2014 22:11
Nesnáším {}, proto se jim vyhýbám.
Avatar
albertpatera
Redaktor
Avatar
albertpatera:

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

 
Nahoru Odpovědět 27.1.2014 23:33
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Michal Vašíček:

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

Nahoru Odpovědět 28.1.2014 16:04
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
Odpovídá na Michal Vašíček
Michal Žůrek (misaz):

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
Nesnáším {}, proto se jim vyhýbám.
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Nahoru Odpovědět 28.1.2014 16:48
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
Michal Žůrek (misaz):

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  +2 28.1.2014 20:26
Nesnáším {}, proto se jim vyhýbám.
Avatar
Ondrca
Redaktor
Avatar
Nahoru Odpovědět 28.1.2014 20:28
Zase jsem o něco chytřejší
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Nahoru Odpovědět 28.1.2014 20:29
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Honza Bittner:

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

Nahoru Odpovědět 28.1.2014 20:33
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Ondrca
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Ondrca:

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:

tu stranku AMBROZICI si dostal aj zaplatenu ? :D

 
Nahoru Odpovědět 28.1.2014 23:00
Avatar
Michal Žůrek (misaz):

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 2.3.2014 21:14
Nesnáším {}, proto se jim vyhýbám.
Avatar
Odpovídá na Michal Žůrek (misaz)
Rostislav Křídlo:

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  +1 2.3.2014 21:19
MiracleSoft! www.miraclesoft.com
Avatar
Odpovídá na Rostislav Křídlo
Michal Žůrek (misaz):

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

Nahoru Odpovědět 2.3.2014 21:23
Nesnáším {}, proto se jim vyhýbám.
Avatar
Marek Z.
Redaktor
Avatar
Marek Z.:

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ý (SogoCZE)
Tým ITnetwork
Avatar
Patrik Smělý (SogoCZE):

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
PHP můj oblíbený jazyk......
Avatar
malevil
Člen
Avatar
malevil:

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:

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.