NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: Machr na webdesign - Metro redesign

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
David Hartinger
Vlastník
Avatar
David Hartinger: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
9.12.2013 11:20
New kid back on the block with a R.I.P
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na David Hartinger
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
9.12.2013 15:50
Avatar
Petr Nymsa
Tvůrce
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
9.12.2013 15:55
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na David Hartinger
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
9.12.2013 16:13
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

Člen
Avatar
:9.12.2013 20:58

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

 
Nahoru Odpovědět
9.12.2013 20:58
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na mamiksik
David Hartinger:9.12.2013 20:58

Kinema se už zdá v metro stylu :)

Nahoru Odpovědět
9.12.2013 20:58
New kid back on the block with a R.I.P
Avatar
Neaktivní uživatel
Člen
Avatar
Odpovídá na
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
Tvůrce
Avatar
Odpovídá na
Petr Nymsa:9.12.2013 20:59

http://en.wikipedia.org/wiki/Segoe

Nahoru Odpovědět
9.12.2013 20:59
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar

Člen
Avatar
Odpovídá na Petr Nymsa
:9.12.2013 21:02

Dík :)

 
Nahoru Odpovědět
9.12.2013 21:02
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na
Michal Žůrek - misaz:9.12.2013 21:10

úplně přesně Segoe UI Light

 
Nahoru Odpovědět
9.12.2013 21:10
Avatar

Člen
Avatar
Odpovídá na Michal Žůrek - misaz
:9.12.2013 21:19

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

 
Nahoru Odpovědět
9.12.2013 21:19
Avatar
Michal Žůrek - misaz
Tvůrce
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
Avatar

Člen
Avatar
Odpovídá na Michal Žůrek - misaz
: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
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na
Michal Žůrek - misaz:10.12.2013 20:48

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

 
Nahoru Odpovědět
10.12.2013 20:48
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na
David Hartinger:10.12.2013 20:51

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

Nahoru Odpovědět
10.12.2013 20:51
New kid back on the block with a R.I.P
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na David Hartinger
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
Avatar

Člen
Avatar
: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
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na
David Hartinger: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
New kid back on the block with a R.I.P
Avatar

Člen
Avatar
Odpovídá na David Hartinger
: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
Avatar
Matúš Petrofčík
Tvůrce
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
Neaktivní uživatel
Tvůrce
Avatar
Neaktivní uživatel:10.12.2013 22:08

http://drbnito.cz :P

Nahoru Odpovědět
10.12.2013 22:08
Neaktivní uživatelský účet
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Matúš Petrofčík
David Hartinger:13.12.2013 18:22

Jo, stačí :)

Nahoru Odpovědět
13.12.2013 18:22
New kid back on the block with a R.I.P
Avatar
Ondrca
Tvůrce
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
13.12.2013 22:50
Zase jsem o něco chytřejší
Avatar
Uživatel sítě
Tvůrce
Avatar
Uživatel sítě :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
14.12.2013 14:54
Chybami se člověk učí, běžte se učit jinam!
Avatar
Michal Žůrek - misaz
Tvůrce
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
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Neaktivní uživatel: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
Neaktivní uživatelský účet
Avatar
David Hartinger
Vlastník
Avatar
David Hartinger: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
15.12.2013 19:08
New kid back on the block with a R.I.P
Avatar
Kit
Tvůrce
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
15.12.2013 19:12
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na David Hartinger
Neaktivní uživatel: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
Neaktivní uživatelský účet
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na David Hartinger
Neaktivní uživatel: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
Neaktivní uživatelský účet
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
15.12.2013 21:17
“The programmers of tomorrow are the wizards of the future” - Gabe Newell
Avatar
Uživatel sítě
Tvůrce
Avatar
Uživatel sítě :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
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.