Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)
Avatar
David Čápka
Tým ITnetwork
Avatar
David Čápka:9.12.2013 11:20

Po kratší pauze opět zdravím všechny místní webdesignery! Jelikož teď opravdu jede metro design, budeme v pravidelné minisoutěži o placku Machr na webdesign a samolepky kódovat šablonu právě v tomto stylu. Vyberte si libovolný existující web a udělejte redesign jeho titulní stránky v metro stylu.

Čas je jako vždy do neděle 15.12.2013 do 18:00, podrobnější pravidla soutěží naleznete zde: http://www.itnetwork.cz/…outezi-machr

Odpovědět  +1 9.12.2013 11:20
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Odpovídá na David Čápka
Michal Žůrek (misaz):9.12.2013 15:50

metro styl je to z Windows 8. Což by se mělo správně nazívat Modern UI. Nebo jsem to jen špatně pochopil.

Nahoru Odpovědět  +1 9.12.2013 15:50
Nesnáším {}, proto se jim vyhýbám.
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Petr Nymsa:9.12.2013 15:55

Ano jedná se o prostředí Modern UI ;)

Nahoru Odpovědět  +1 9.12.2013 15:55
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Odpovídá na David Čápka
Michal Žůrek (misaz):9.12.2013 16:13

tak to můžu hned použít řešení z jednoho předchozího machra: http://misaz.moxo.cz/pages/omne/

Ale nebojte, vymyslím něco nového.

Nahoru Odpovědět  +1 9.12.2013 16:13
Nesnáším {}, proto se jim vyhýbám.
Avatar
mamiksik
Člen
Avatar
mamiksik:9.12.2013 17:15

Design v metro stylu dělám pro tuto webovku http://kinema.cz/ počítá se to nebo ne ? :)

Editováno 9.12.2013 17:16
Nahoru Odpovědět 9.12.2013 17:15
“The programmers of tomorrow are the wizards of the future” - Gabe Newell
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Michal Vašíček:9.12.2013 20:58

Jaký font používá Win na ten nápis Start?

Nahoru Odpovědět 9.12.2013 20:58
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na mamiksik
David Čápka:9.12.2013 20:58

Kinema se už zdá v metro stylu :)

Nahoru Odpovědět 9.12.2013 20:58
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Odpovídá na Michal Vašíček
Neaktivní uživatel:9.12.2013 20:59

neni to mozna times new roman/arial + kurziva?
ale nevim

Editováno 9.12.2013 20:59
Nahoru Odpovědět 9.12.2013 20:59
Neaktivní uživatelský účet
Avatar
Petr Nymsa
Redaktor
Avatar
Nahoru Odpovědět 9.12.2013 20:59
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Nahoru Odpovědět 9.12.2013 21:02
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
Odpovídá na Michal Vašíček
Michal Žůrek (misaz):9.12.2013 21:10

úplně přesně Segoe UI Light

Nahoru Odpovědět  +2 9.12.2013 21:10
Nesnáším {}, proto se jim vyhýbám.
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Odpovídá na Michal Žůrek (misaz)
Michal Vašíček:9.12.2013 21:19

JJ, už jsem si zjistil :) Ale díky

Nahoru Odpovědět 9.12.2013 21:19
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
Michal Žůrek (misaz):10.12.2013 15:12

pro neuživatele Windows 8, zde máte ten font: http://misaz.moxo.cz/…segoeuil.ttf

Nahoru Odpovědět 10.12.2013 15:12
Nesnáším {}, proto se jim vyhýbám.
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Odpovídá na Michal Žůrek (misaz)
Michal Vašíček:10.12.2013 20:29

Ve Win7 už je implementovanej ;)

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

Já vím, ale třeba na linuxu ne.

Nahoru Odpovědět  +1 10.12.2013 20:48
Nesnáším {}, proto se jim vyhýbám.
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Michal Vašíček
David Čápka:10.12.2013 20:51

Všude určitě ne, já ho tam neměl.

Nahoru Odpovědět 10.12.2013 20:51
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Odpovídá na David Čápka
Michal Žůrek (misaz):10.12.2013 20:53

je možné že je to od nějakého SP anebo po instalaci nějakého programu, který si ho s sebou dotáhl.

Nahoru Odpovědět 10.12.2013 20:53
Nesnáším {}, proto se jim vyhýbám.
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Michal Vašíček:10.12.2013 20:56

No, asi to bude ten SP... pochybuju o programu, protože programy si instaluju akorát ty, u kterých mám přehled.

Nahoru Odpovědět 10.12.2013 20:56
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Michal Vašíček
David Čápka:10.12.2013 20:57

SP jsem měl a font jsem tam neměl :) Možná byl v nějaké aktualizaci, ty neinstaluji po té době, co mi po upgradu ovladače vypadl obraz a když jsem tam vrátil starý driver, rozbilo ho to znovu :D

Nahoru Odpovědět 10.12.2013 20:57
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Michal Vašíček
Tým ITnetwork
Avatar
Odpovídá na David Čápka
Michal Vašíček:10.12.2013 21:34

:D Proto budu dávat o vánocích Windows sbohem ;)

Nahoru Odpovědět 10.12.2013 21:34
Příspěvek může obsahovat stopy arašídů, sarkasmu a sóji.
Avatar
Matúš Petrofčík
Šéfredaktor
Avatar
Matúš Petrofčík:10.12.2013 21:40

aj by som sa pridal ale nepríde mi zaujímavé kopírovať modern ui windowsu, či to len stačí aby sa podobalo (napr. využívalo štvorčeky)?

Nahoru Odpovědět 10.12.2013 21:40
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Daniel Vítek:10.12.2013 22:08

http://drbnito.cz :P

 
Nahoru Odpovědět 10.12.2013 22:08
Avatar
David Čápka
Tým ITnetwork
Avatar
Nahoru Odpovědět 13.12.2013 18:22
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Ondrca
Redaktor
Avatar
Ondrca:13.12.2013 22:50

Ahoj, tady posílám svůj výtvor, prosím potrvďte mi někdo, že je to metro styl :D.

Online: www.ondrca.eu/…y/metro.html
Offline: http://leteckaposta.cz/693846239
Doufám, že se bude líbit

Nahoru Odpovědět  +2 13.12.2013 22:50
Zase jsem o něco chytřejší
Avatar
Marek Z.
Redaktor
Avatar
Marek Z.:14.12.2013 14:54

Ahoj, přikládám zde i svůj výtvor. Pro tuto soutěž jsem si vybral redesign stránky přímo 'DevBook'. Doufám, že správcům webu nebudou vadit stažené ikony, které jsem použil pouze pro soutěžní účely.

http://sifler.php5.cz/redesign/ - Živá ukázka
http://leteckaposta.cz/287384148 - ZIP ke stažení

Snad jsem pochopil správně pravidla.. :)

Nahoru Odpovědět  +1 14.12.2013 14:54
Chybami se člověk učí, běžte se učit jinam!
Avatar
Michal Žůrek (misaz):14.12.2013 15:40

Ahoj,
tak já jsem pro nápad nešel příliš daleko, přesněji nešel jsem nikam. Metro kabátek jsem vytvořil devbooku. Snažil jsem se to udělat i dinamické, zamášlel jsem že JS by rozparsroval index devbooku a dynamicky vložil živé dlaždice, bohužel toto by šlo pouze pokud by script byl nahraný na devbooku (na stejné doméně). I přesto zde dám alespoň statický výtvor.

Online: http://misaz.moxo.cz/…ook/machr50/
Download: http://misaz.moxo.cz/…ok-metro.zip

Nahoru Odpovědět 14.12.2013 15:40
Nesnáším {}, proto se jim vyhýbám.
Avatar
Jiří Gracík
Redaktor
Avatar
Jiří Gracík:14.12.2013 16:45

Pánové, jestli to zítra stihnu dodělat a povede se vše, tak jak má, tak budete čubrnět ]:> !

Nahoru Odpovědět 14.12.2013 16:45
Creating websites is awesome till you see the result in another browser ...
Avatar
David Čápka
Tým ITnetwork
Avatar
David Čápka:15.12.2013 19:08

Čekal jsem zde tedy větší účast, možná vás uchvátilo sněžení v JavaScriptu.

Ondrca - Skvělý nápad a špatné zpracování. Mdlá barva pozadí, tlustý černý okraj okolo balíčku s bílým pozadím. Kdyby to bylo nastylované hezky, tak by to vyhrálo. Pokusím se do budoucna sepsat nějaký článek o webdesignu.

Sifler - Jako taková metroscreen devbooku to vypadá moc pěkně. Co se týče kódu, tam je to slabší. Je tam nějak hodně JS atributů a divů. Také tam strkáš div do odkazu, což nelze. Když dám web do validátoru, má 68 errorů, za což bohužel placku dát nemohu.

Misaz - Kód je o poznání čistší než u Siflera, ale na stránce toho mnoho není.

Funebrákovo superřešení jsem bohužel nezaznamenal :) Na placku to dneska nebude, nechme to na příště. Je velmi pravděpodobné, že podobné zadání vyhlásím znovu.

Nahoru Odpovědět  +3 15.12.2013 19:08
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Kit
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Kit:15.12.2013 19:12

Aha, tak už vidím, jak vypadá Metro. Zajímavé, spíš bych to nazval Retro :)

Nahoru Odpovědět  +1 15.12.2013 19:12
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na David Čápka
Jiří Gracík:15.12.2013 19:53

Nestihnul jsem to, vybafla tu na mě akutní zakázka. A mě hrozně nejde stylovat věci z jQuery UI, takže to trvalo o hodně déle, než jsem čekal :D Ale dodělám to a hodím to sem :)

Nahoru Odpovědět 15.12.2013 19:53
Creating websites is awesome till you see the result in another browser ...
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na David Čápka
Daniel Vítek:15.12.2013 20:15

A na mě se kašle :D

btw. Placku už mám, dával jsem to sem jen pro inspiraci :) A navíc jsem nesplnil pravidla :D

 
Nahoru Odpovědět 15.12.2013 20:15
Avatar
mamiksik
Člen
Avatar
mamiksik:15.12.2013 21:17

Siflerův redesign vypadá velice dobře:). Tak osobně jsem doufal aspoň k mému výtvoru nějakou reakci. Ale jinak je pravda že tento týden to bylo slabý. Tak snad to dopadne líp při dalším machru na webdesign. :)

Nahoru Odpovědět  -1 15.12.2013 21:17
“The programmers of tomorrow are the wizards of the future” - Gabe Newell
Avatar
Marek Z.
Redaktor
Avatar
Marek Z.:15.12.2013 22:11

Upřímně, na zdroják jsem se moc nekoukal. Já jsem zde sotva týden a myslel jsem, že se bude dívat pouze na design stránky jak to vypadá, maximálně css styly. :)

Vykašlal jsem se na to, jinak bych to projel validátorem, do příště vím. ;)

Díky.. ;)

Nahoru Odpovědět  +1 15.12.2013 22:11
Chybami se člověk učí, běžte se učit jinam!
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 33 zpráv z 33.