Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

Diskuze: Machr na webdesign - Podzimní výzdoba

HTML a CSS HTML a CSS Machr na webdesign - Podzimní výzdoba American English version English version

Aktivity (1)
Avatar
David Čápka
Tým ITnetwork
Avatar
David Čápka:16.9.2013 16:23

Ahoj webdesigneři, blíží se nám podzim. Proto si v pravidelné minisoutěži o placku Machr na webdesign a samolepky zkusíme vytvořit nějaký tématický doplněk, kterým návštěvníkům zpestříme web.

Mám na mysli takovou tu sezónní výzdobu, jako je např. na vánoce pár dní někde ozdobička, případně třeba JavaScriptový sníh, nějaká animace a podobně. Třeba padající listí by mohla být docela výzva.

Pokuste se ozdobit devbook nějakou podzimní dekorací. Stáhněte si třeba titulní stránku, přidejte vaší dekoraci a takto upravený web odevzdejte

Realizaci nechám úplně na vás a úplně volnou, bude to tedy hlavně o designu, můžete použít JS, CSS 3, jen statický obrázek, co vás napadne. Prvek by měl být udělán tak, aby se dal dát na jakýkoli web. Můžete s ním potom ozdobit ten svůj osobní :)

Jak všichni dobře víme, na podzim je velmi důležitý svátek, jedná se samozřejmě o programátorské vánoce (31 OCT = 25 DEC). Nejlepší řešení bude proto součástí místní výzdoby na tento významný den, na který všichni tak napjatě čekáme.

Čas si dejme jako vždy do neděle 22.9. do 18:00. Jak vidíte, už jsem se naučil psát správně měsíce ;-)

Odpovědět  +3 16.9.2013 16:23
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
Jenkings
Redaktor
Avatar
Jenkings:16.9.2013 19:00

Chtěl jsem udělat animaci padajícího listí,ale funguje mi to jen s prázdnou stránkou, když ten JS přidám do nějaké hotové stránky tak listy padají všechny v jednom sloupci a ne po celé stránce.. Zřejmě se nějak špatně určuje šířka okna

http://jenkings.eu/scripty/podzim/

Nahoru Odpovědět  ±0 16.9.2013 19:00
Největší časovou náročnost má výpočet časové náročnosti..
Avatar
Odpovídá na Jenkings
Libor Šimo (libcosenior):18.9.2013 18:05

Mne sa to páči. :)

Nahoru Odpovědět 18.9.2013 18:05
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
Theodor Johnson
Redaktor
Avatar
Odpovídá na Jenkings
Theodor Johnson:18.9.2013 18:13

Zkoušel jsi to na FF?

Nahoru Odpovědět  ±0 18.9.2013 18:13
Přecházím na "Cross-Platform Development"
Avatar
Jenkings
Redaktor
Avatar
Odpovídá na Theodor Johnson
Jenkings:18.9.2013 18:55

Teď jsem to zkusil :D evidentně na FF to tu výšku a šířku stránky nedetekuje už vůbec :D

Když bude do termínu čas tak s tím zkusím udělat.... zatím je potřeba to brát jako příklad jak se to nemá dělat

Nahoru Odpovědět 18.9.2013 18:55
Největší časovou náročnost má výpočet časové náročnosti..
Avatar
Odpovídá na Theodor Johnson
Michal Žůrek (misaz):18.9.2013 20:51

mě přijde že FF je poslední dobou horší než IE. Mě posledně capcha taky ve FF nefungovala a řešení co jsem našel na stacku bylo dost krkolomné (proto jsem se na FF raději vykašlal aby se mi neudělalo zle).

Nahoru Odpovědět 18.9.2013 20:51
Nesnáším {}, proto se jim vyhýbám.
Avatar
Theodor Johnson
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Theodor Johnson:18.9.2013 20:57

FF sice není nejlepší prohlížeč, ale líbí se mi na něm webový vývojář

Nahoru Odpovědět 18.9.2013 20:57
Přecházím na "Cross-Platform Development"
Avatar
Michal Žůrek (misaz):20.9.2013 21:19

Tak Vám to zde dávám, snažil jsem se o navrhnout tak aby to zvládl nasadit i webmaster tupec. Jednoduše přidáte do stránky do headu:

<link rel="stylesheet" href="http://machr38.misaz.moxo.cz/podzim.css" />

a na začátek body

<script src="http://machr38.misaz.moxo.cz/podzim.js"></script>

nemusíte se tady zatěžovat nějakými divy, img, implementací jejich id, class, atd. Vše za vás udělá script.

Editováno 20.9.2013 21:19
Nahoru Odpovědět 20.9.2013 21:19
Nesnáším {}, proto se jim vyhýbám.
Avatar
Michal Žůrek (misaz):20.9.2013 21:23

kdyby někdo chtě nějakou ukázku tak: http://uloz.to/…/machr38-zip

Nahoru Odpovědět 20.9.2013 21:23
Nesnáším {}, proto se jim vyhýbám.
Avatar
Ondrca
Redaktor
Avatar
Ondrca:22.9.2013 18:02

Už jsem to poslal sdracovi, ale dávám to teď i sem:
http://leteckaposta.cz/266612455

Nahoru Odpovědět 22.9.2013 18:02
Zase jsem o něco chytřejší
Avatar
David Čápka
Tým ITnetwork
Avatar
David Čápka:22.9.2013 20:20

Zaznamenal jsem zde jen 3 výsledky, kde nejlépe vyšel místní lovec placek Michal Žůrek (misaz). Oceňuji, že jsi to napsal tak, aby se to vložilo samo. O halloweenu bude tvůj skript zdobit devbook a budu moc rád, když ho publikuješ.

Padající listí Jenkingse vypadá hezky, škoda, že funguje jen v Chrome a docela trhaně.

Ondrca je zas trochu lepší než minule, ale má ještě co dohádnět. Zkus si přečíst nějaké články o webdesignu, hlavně to opakované pozadí vypadá dosti divně :)

Nahoru Odpovědět  +1 22.9.2013 20: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):22.9.2013 20:24

no jo no, lovec placek... Každopádně co si vzít? Efekty?

Určitě Vám to tu publikuji.

Nahoru Odpovědět 22.9.2013 20:24
Nesnáším {}, proto se jim vyhýbám.
Avatar
Ondrca
Redaktor
Avatar
Ondrca:22.9.2013 20:24

Gratuluji Michal Žůrek (misaz)ovi.

Nahoru Odpovědět 22.9.2013 20:24
Zase jsem o něco chytřejší
Avatar
Odpovídá na Ondrca
Michal Žůrek (misaz):22.9.2013 20:35

Dík.

Kdyby nebylo tobě a tvého přesvědčování, že se mám zapojit, tak bych tu teď nevyhrál. Takže ještě jednou dík.

Nahoru Odpovědět 22.9.2013 20:35
Nesnáším {}, proto se jim vyhýbám.
Avatar
Ondrca
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Ondrca:22.9.2013 20:48

Já jsem tě nepřesvědčoval, pouze jsem se ptal jestli se zúčatníš. :)

Editováno 22.9.2013 20:49
Nahoru Odpovědět 22.9.2013 20:48
Zase jsem o něco chytřejší
Avatar
Ondrca
Redaktor
Avatar
Ondrca:23.9.2013 20:33

Bude další machr (soutěž) vyhlášena ještě dnes?

Nahoru Odpovědět 23.9.2013 20:33
Zase jsem o něco chytřejší
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 16 zpráv z 16.