NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
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
David Hartinger
Vlastník
Avatar
David Hartinger: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
16.9.2013 16:23
New kid back on the block with a R.I.P
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Neaktivní uživatel: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
16.9.2013 19:00
Neaktivní uživatelský účet
Avatar
Libor Šimo (libcosenior)
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
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
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Theodor Johnson:18.9.2013 18:13

Zkoušel jsi to na FF?

 
Nahoru Odpovědět
18.9.2013 18:13
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Theodor Johnson
Neaktivní uživatel: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
Neaktivní uživatelský účet
Avatar
Michal Žůrek - misaz
Tvůrce
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
Avatar
Theodor Johnson
Tvůrce
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
Avatar
Michal Žůrek - misaz
Tvůrce
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
Avatar
Michal Žůrek - misaz
Tvůrce
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
Avatar
Ondrca
Tvůrce
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 Hartinger
Vlastník
Avatar
David Hartinger: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í Neaktivní uživatele 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
22.9.2013 20: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: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
Avatar
Ondrca
Tvůrce
Avatar
Ondrca:22.9.2013 20:24

Gratuluji Michal Žůrek - misazovi.

Nahoru Odpovědět
22.9.2013 20:24
Zase jsem o něco chytřejší
Avatar
Michal Žůrek - misaz
Tvůrce
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
Avatar
Ondrca
Tvůrce
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
Tvůrce
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.