NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Avatar
David Hartinger
Vlastník
Avatar
David Hartinger:22.7.2013 18:40

Ahoj kluci, v minisoutěži o žlutou placku Machr na webdesign a samolepky budeme tento týden stylovat formulář. Vytvořte nějaký fiktivní formulář a pokuste se ho nastylovat tak, aby vypadal co nejzajímavěji. Autor nejoriginálnějšího formuláře získá placku :)

Deadline si dejme v neděli 28.7. v 18:00

Odpovědět
22.7.2013 18:40
New kid back on the block with a R.I.P
Avatar
KiRoS
Člen
Avatar
KiRoS:22.7.2013 18:59

Toto téma se mi líbí. Konečně se můžu zůčastnit nějaké soutěže na devbooku. :-)

Nahoru Odpovědět
22.7.2013 18:59
Programování a informační technologie má budoucnost.
Avatar
Odpovídá na David Hartinger
Neaktivní uživatel:22.7.2013 19:00

Výstup je pouze HTML & CSS, že?

Nahoru Odpovědět
22.7.2013 19:00
Neaktivní uživatelský účet
Avatar
Odpovídá na KiRoS
Neaktivní uživatel:22.7.2013 19:06

Účastnit se můžeš všeho, když se to povede, jedině dobře, pokud ne, nikdo se ti tu smát nebude :) Můžeš jen získat ;)

Nahoru Odpovědět
22.7.2013 19:06
Neaktivní uživatelský účet
Avatar
David Hartinger
Vlastník
Avatar
Nahoru Odpovědět
22.7.2013 19:09
New kid back on the block with a R.I.P
Avatar
Ondrca
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Ondrca:22.7.2013 19:14

Javascript tedy není povolen?

Nahoru Odpovědět
22.7.2013 19:14
Zase jsem o něco chytřejší
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Ondrca
David Hartinger:22.7.2013 19:25

Můžeš použít i JS :)

Nahoru Odpovědět
22.7.2013 19:25
New kid back on the block with a R.I.P
Avatar
Ondrca
Tvůrce
Avatar
Nahoru Odpovědět
22.7.2013 19:28
Zase jsem o něco chytřejší
Avatar
Michal Žůrek - misaz:22.7.2013 19:36

Můžeme použít obrázky?

 
Nahoru Odpovědět
22.7.2013 19:36
Avatar
Ondrca
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Ondrca:22.7.2013 19:38

Doufám a myslím že ano :).

Nahoru Odpovědět
22.7.2013 19:38
Zase jsem o něco chytřejší
Avatar
David Hartinger
Vlastník
Avatar
Nahoru Odpovědět
22.7.2013 20:43
New kid back on the block with a R.I.P
Avatar
Neaktivní uživatel:22.7.2013 23:22

Hotovo.

http://www.funebrak.hys.cz/workspace2/

Berte to jako srandu, já už placku mám. Můžete mrknout do css a cokoliv co vlastně chcete :D Možná to ještě poladím, ale dneska už jsem unavenej ...

//DODATEK: A ne, název ani slogan nejsou parodií na nějaké pochybné americké stránky :P :D

Editováno 22.7.2013 23:25
Nahoru Odpovědět
22.7.2013 23:22
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Neaktivní uživatel:23.7.2013 12:39

Mohl by jsi udělat z obrázků a názvů políček labely a trochu si pohrát s inputy. :) Jinak pěkný.

Nahoru Odpovědět
23.7.2013 12:39
Neaktivní uživatelský účet
Avatar
Milan Gallas
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Milan Gallas:23.7.2013 16:08

máš to pěkný :D

 
Nahoru Odpovědět
23.7.2013 16:08
Avatar
Ondrca
Tvůrce
Avatar
Ondrca:24.7.2013 12:12

Už jsem svůj výtvor odeslal David Hartinger.
Zase ho zveřejním až po skončení soutěže.

Editováno 24.7.2013 12:13
Nahoru Odpovědět
24.7.2013 12:12
Zase jsem o něco chytřejší
Avatar
Odpovídá na Neaktivní uživatel
Michal Žůrek - misaz:24.7.2013 14:07

něříkej že ty jako milovní validátoru tam máš jednu chybu. No toto. :D

Správně to je cs-cz, máš to naopak :D

 
Nahoru Odpovědět
24.7.2013 14:07
Avatar
Odpovídá na Ondrca
Neaktivní uživatel:24.7.2013 15:05

ukaz ho zde ne? :)

Nahoru Odpovědět
24.7.2013 15:05
Neaktivní uživatelský účet
Avatar
Odpovídá na Michal Žůrek - misaz
Neaktivní uživatel:24.7.2013 15:28

Jak bych z toho vybruslil, hmmm ... třeba "to jsem udělal schválně" by to mohlo zachránit :D

Nahoru Odpovědět
24.7.2013 15:28
Neaktivní uživatelský účet
Avatar
Petr Gürth
Tvůrce
Avatar
Petr Gürth:24.7.2013 18:42

Přidávám svou práci :)
http://girtas.aspone.cz/…y/index.html

 
Nahoru Odpovědět
24.7.2013 18:42
Avatar
tomasf16
Tvůrce
Avatar
tomasf16:24.7.2013 19:53

http://www.bssnp.cz/form/ - kdo bude chtít, může využít jako případnou inspiraci :)

Není to validní.
Zobrazení v <= IE 8 je špatný, protože nepodporuje některé použité CSS vlastnosti.

 
Nahoru Odpovědět
24.7.2013 19:53
Avatar
Ondrca
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Ondrca:24.7.2013 20:49

Ještě ne :)

Nahoru Odpovědět
24.7.2013 20:49
Zase jsem o něco chytřejší
Avatar
Ondrca
Tvůrce
Avatar
Odpovídá na tomasf16
Ondrca:24.7.2013 21:00

Vidím, že mám problém :D

Nahoru Odpovědět
24.7.2013 21:00
Zase jsem o něco chytřejší
Avatar
tomasf16
Tvůrce
Avatar
Odpovídá na Ondrca
tomasf16:24.7.2013 21:11

Ne neboj se, já to sem dávám mimo soutěž (zapoměl sem zmínit), placku už mám, je to jenom případná inspirace pro ostatní :)

 
Nahoru Odpovědět
24.7.2013 21:11
Avatar
Ondrca
Tvůrce
Avatar
Odpovídá na tomasf16
Ondrca:24.7.2013 21:53

Aspoň že tak :).
Mám možná ještě šanci :D.

Nahoru Odpovědět
24.7.2013 21:53
Zase jsem o něco chytřejší
Avatar
Michal Žůrek - misaz:25.7.2013 18:48

Ahoj tak sem přidávám svůj výtvor: http://uloz.to/…formular-zip Jednoduchá šablona. Co dodat.

Poznámka: na menším monitoru (viz můj screenshot) trochu splývají kytky dole na stránce a dole na formuláři.

Editováno 25.7.2013 18:50
 
Nahoru Odpovědět
25.7.2013 18:48
Avatar
archlin
Člen
Avatar
archlin:26.7.2013 9:13

Tentokrát sa zapojím aj ja ...

http://uloz.to/x3gh7yjS/form-zip
Nahoru Odpovědět
26.7.2013 9:13
sublime text 2
Avatar
Neaktivní uživatel:26.7.2013 10:19

proc posilate na uloz.to :D

dejte to na web at si clovek nemusi stahovat ;)

Nahoru Odpovědět
26.7.2013 10:19
Neaktivní uživatelský účet
Avatar
Kit
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Kit:26.7.2013 10:25

uloz.to se na to skutečně nehodí. Vyplnit CAPTCHA (vždycky na 2.-3. pokus), stáhnout ZIP, vytvořit adresář (protože do ZIPu ho každý nedává), rozbalit, prohlédnout a pak ještě uklidit.

Pokud se to dá na dev-lighter, tak se to zobrazí i se zvýrazněním.

uloz.to se hodí na jiný typ dat.

Editováno 26.7.2013 10:26
Nahoru Odpovědět
26.7.2013 10:25
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Kit
David Hartinger:26.7.2013 10:28

Já sem časem implementuji nějaké nahrávátko.

Nahoru Odpovědět
26.7.2013 10:28
New kid back on the block with a R.I.P
Avatar
Ondrca
Tvůrce
Avatar
Odpovídá na archlin
Ondrca:26.7.2013 10:34

Máš to pěkné.

Nahoru Odpovědět
26.7.2013 10:34
Zase jsem o něco chytřejší
Avatar
Odpovídá na archlin
Neaktivní uživatel:26.7.2013 10:37

Až na ten font je to dobrý. Na webu se nepoužívá patkový font, až na velice "spešl" případy :)

Nahoru Odpovědět
26.7.2013 10:37
Neaktivní uživatelský účet
Avatar
Kit
Tvůrce
Avatar
Odpovídá na David Hartinger
Kit:26.7.2013 10:46

Líbí se mi např.
https://gist.github.com/…0b3edf869f74
na prezentaci několika souborů ideální.

Nahoru Odpovědět
26.7.2013 10:46
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
archlin
Člen
Avatar
Odpovídá na Neaktivní uživatel
archlin:26.7.2013 12:23

Uznávam fonty som mohol použiť lepšie ale nevadí ...

Nahoru Odpovědět
26.7.2013 12:23
sublime text 2
Avatar
Odpovídá na archlin
Neaktivní uživatel:26.7.2013 12:26

Tak je použij, máš na to spoustu času. Za ten font bych ti být v porotě strhával ;)

Nahoru Odpovědět
26.7.2013 12:26
Neaktivní uživatelský účet
Avatar
tomasf16
Tvůrce
Avatar
Odpovídá na archlin
tomasf16:26.7.2013 12:54

Ten font dej jinej, tohle je hrozný, úplně si tím slušně vypadající formulář zabil.
A nahraj to někam na web, kdo to má pořád stahovat :)

 
Nahoru Odpovědět
26.7.2013 12:54
Avatar
tomasf16
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
tomasf16:26.7.2013 13:15

Kdybys ty kytky nedělal v malování, tak by to bylo pěkný.
To tlačítko v kytce vypadá dobře

Editováno 26.7.2013 13:15
 
Nahoru Odpovědět
26.7.2013 13:15
Avatar

Člen
Avatar
:26.7.2013 18:48

Závisí to na tom, jak udělám kód nebo na tom, jak to bude vypadat?

 
Nahoru Odpovědět
26.7.2013 18:48
Avatar
Odpovídá na
Michal Žůrek - misaz:26.7.2013 18:49

na výsledku, ale kódu trochu taky

Editováno 26.7.2013 18:50
 
Nahoru Odpovědět
26.7.2013 18:49
Avatar
archlin
Člen
Avatar
archlin:26.7.2013 20:58

Po menšej úprave fontov a css je toto finálna verzia , komu sa nepáči font má smolu :)
Vyhovel som aj tým ktorým sa nepáči uložto aj Kit ktorý chcel zložku pri extrahovaní ...

online.

http://archlin.xf.cz/form.html

download:

http://archlin.xf.cz/form.zip
Nahoru Odpovědět
26.7.2013 20:58
sublime text 2
Avatar
Odpovídá na archlin
Neaktivní uživatel:27.7.2013 14:17

My nemáme smůlu, ty jí budeš mít ;)

Nahoru Odpovědět
27.7.2013 14:17
Neaktivní uživatelský účet
Avatar
David Hynek
Tvůrce
Avatar
Odpovídá na archlin
David Hynek:27.7.2013 15:13

vypadá to jako když kočka a pejsek vařili dort. Celkový dojem, nic moc...

Nahoru Odpovědět
27.7.2013 15:13
Čím víc vím, tím víc věcí nevím.
Avatar
Martin Bartoš:27.7.2013 16:03

Môže byť ten formulár troška morbídny :D? Troška neskoro som si uvedomil že sa zúčastnim a tak mi narýchlo niečo také napadlo :D

 
Nahoru Odpovědět
27.7.2013 16:03
Avatar
Martin Bartoš:27.7.2013 18:58

Teraz som zistil že na to asi nebudem mať ďalej čas sa zúčastniť takže sorry za spam.

 
Nahoru Odpovědět
27.7.2013 18:58
Avatar
archlin
Člen
Avatar
Odpovídá na David Hynek
archlin:27.7.2013 20:11

Každý má iný vkus ...

Nahoru Odpovědět
27.7.2013 20:11
sublime text 2
Avatar
David Hynek
Tvůrce
Avatar
Odpovídá na archlin
David Hynek:27.7.2013 20:22

To neříkám, ale mělo by to mít nějakou společnou myšlenku a řád.

Nahoru Odpovědět
27.7.2013 20:22
Čím víc vím, tím víc věcí nevím.
Avatar
Michal Žůrek - misaz:28.7.2013 12:04

Takže jsem ještě nakonec ještě udělal menší změny: http://uloz.to/…ebdesign-zip

  • podpora pro všechny prohlížeče (chybějící vendor prefixes pro IE a mozilu)
  • nastylování tlačítka Vymazat obsah pro IE 10
  • firefox má záložní písmo pro nadpis (Calibiri)
  • odstraněny kytky ze stránky aby nerušili formulář
  • oprava chyby argument > arguments
 
Nahoru Odpovědět
28.7.2013 12:04
Avatar
Odpovídá na Michal Žůrek - misaz
Michal Žůrek - misaz:28.7.2013 12:09

jo a ještě přidám screenshot a online verze: http://misaz.moxo.cz/…ook/machr30/

 
Nahoru Odpovědět
28.7.2013 12:09
Avatar
Michal Žůrek - misaz:28.7.2013 12:17

tak a do třetice ještě verze s gif obrázky aby se rychleji načítali: http://uloz.to/…gn-1-2-1-zip

na webu je samozřejmě zaktualizovaná tat.

 
Nahoru Odpovědět
28.7.2013 12:17
Avatar
Michal Žůrek - misaz:28.7.2013 12:49

Jo jenomže já teď potřebuju dostat okousaný obrázek do nějaké přijatelné podoby a nějak vůbec netuším jak...

 
Nahoru Odpovědět
28.7.2013 12:49
Avatar
Neaktivní uživatel:28.7.2013 13:57

Tak, teď požádám všechny, kteří řeší problematiku PS a Gimpu, aby přestali v této sekci řešit věci nesouvisející s tématem, pokračujte prosím třeba ve volné diskusi, děkuji :)

Nahoru Odpovědět
28.7.2013 13:57
Neaktivní uživatelský účet
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 50 zpráv z 80.