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 JavaScript - Color picker

JavaScript JavaScript Machr na JavaScript - Color picker

Aktivity (1)
Avatar
Zdeněk Pavlátka
Tým ITnetwork
Avatar
Zdeněk Pavlátka:23.6.2014 18:34

V další JavaScriptové soutěži si zkusíte vytvořit Color picker. Inspiraci můžete brát zde: http://www.itnetwork.cz/…ml-css-barev Aplikace musí mít nějakou plochu, na které lze kliknutím vybrat barvu, dále posuvníky na RGB a políčko pro zadání (nebo získání) barvy jako hexadecimálního čísla (např. FF10e3).

EDIT: samozřejmě by tam měl být náhled vybrané barvy ;)

Čas si dáme do neděle 29.6.2014 do 23:00. Vyhodnocení by mělo být v pondělí odpoledne/večer.

Kompletní pravidla soutěží: http://www.itnetwork.cz/…outezi-machr
Pozn.: Prosím odevzdávejte to v zazipované složce, ať to nemusím rozbalovat nějakou webovou službou

Editováno 23.6.2014 18:35
Odpovědět 23.6.2014 18:34
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Jurajs
Člen
Avatar
Jurajs:23.6.2014 18:53

Jen čistý javascript?

 
Nahoru Odpovědět 23.6.2014 18:53
Avatar
Zdeněk Pavlátka
Tým ITnetwork
Avatar
Odpovídá na Jurajs
Zdeněk Pavlátka:23.6.2014 19:11
  • čisté jQuery, nic dalšího.
Nahoru Odpovědět 23.6.2014 19:11
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Odpovídá na Zdeněk Pavlátka
Ondřej Štorc:23.6.2014 19:36

Plánuješ udělat tendle týden ještě jiného machra?

Nahoru Odpovědět 23.6.2014 19:36
Život je příliš krátký na to, abychom bezpečně odebírali USB z počítače..
Avatar
Zdeněk Pavlátka
Tým ITnetwork
Avatar
Odpovídá na Ondřej Štorc
Zdeněk Pavlátka:23.6.2014 19:40

Dva machři snad stačí, ne?

Nahoru Odpovědět 23.6.2014 19:40
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Odpovídá na Zdeněk Pavlátka
Ondřej Štorc:23.6.2014 19:43

Aha já jsi nevšiml toho druhého z Javy. promiň...

Nahoru Odpovědět  +1 23.6.2014 19:43
Život je příliš krátký na to, abychom bezpečně odebírali USB z počítače..
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:23.6.2014 22:11

HA, kdo trumfne http://color.hailpixel.com/ je borec! ;)

Nahoru Odpovědět 23.6.2014 22:11
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
Avatar
Odpovídá na Honza Bittner
Vojtěch Pospíchal:23.6.2014 22:21

Pěkné, ale má to reálné využití, když nevidíš to rozmezí? Hezké na machrování to je fakt :).

 
Nahoru Odpovědět 23.6.2014 22:21
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Vojtěch Pospíchal
Honza Bittner:23.6.2014 23:00

Používám to a je to 1000x lepší než "normální" color pickery. ;)

Nahoru Odpovědět  ±0 23.6.2014 23:00
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
Avatar
Milan Křepelka
Redaktor
Avatar
Odpovídá na Honza Bittner
Milan Křepelka:24.6.2014 9:39

Já souhlasím s tím, že to je UX nesmysl. Pokud nemáš představu jakým barevným směrem se hodláš myší pohybovat, jsi jako slepec co míchá barvy.

 
Nahoru Odpovědět  ±0 24.6.2014 9:39
Avatar
Michal Žůrek (misaz):25.6.2014 16:14

Může to být v TypeScriptu?

Nahoru Odpovědět 25.6.2014 16:14
Nesnáším {}, proto se jim vyhýbám.
Avatar
Zdeněk Pavlátka
Tým ITnetwork
Avatar
Odpovídá na Michal Žůrek (misaz)
Zdeněk Pavlátka:25.6.2014 18:51

Ano, pokud k němu přiložíš přeloženou verzi.

Nahoru Odpovědět 25.6.2014 18:51
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Vojtěch Pospíchal:26.6.2014 20:45

Tak co? Jak jste kdo daleko?

 
Nahoru Odpovědět 26.6.2014 20:45
Avatar
Vojtěch Pospíchal:29.6.2014 12:20

Takže: Limit jsem stihl dost dobře, bohužel to nevypadá, že by na řešení pracoval ještě někdo jiný. Škoda, je to zajímavé téma. Tenhle týden bylo relativně dost času. Takže jsem se mohl dostatečně soustředit na můj cíl: Co nejjednoduší JS kód bez použití Jquery. Veškeré detaily jsou přímo v kódu. Součástí jsou 3 soubory - index, css, js. Online ukázka bude !dočasně! na stránce: thehopegame.com Stáhnout kompletní řešení (v zip archivu) můžete zde: http://thehopegame.com/…c/ec59cd.php Stačí kliknout na obrázek a už to pojede.
Zdeněk Pavlátka - Odevzdání hotového řešení.

 
Nahoru Odpovědět 29.6.2014 12:20
Avatar
Zdeněk Pavlátka
Tým ITnetwork
Avatar
Zdeněk Pavlátka:30.6.2014 20:50

Hodnocení bude bohužel až zítra, mám dnes trochu problémy s časem.

Nahoru Odpovědět 30.6.2014 20:50
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Vojtěch Pospíchal
Honza Bittner:1.7.2014 12:04

Není to tak špatné, ale chtělo by to doladit UX... :) Trochu hůře se to ovládá. ;)

Nahoru Odpovědět 1.7.2014 12:04
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
Avatar
Odpovídá na Honza Bittner
Vojtěch Pospíchal:1.7.2014 14:43

Díky. Jak je napsané ve zdrojáku, nehodlám se tím ale dále zabývat. Samozřejmě pokud se toho chce někdo ujmout, může. Chtělo by to hodně vylepšit, snažil jsem se o čistě základní funkcionalitu.

 
Nahoru Odpovědět 1.7.2014 14:43
Avatar
Zdeněk Pavlátka
Tým ITnetwork
Avatar
Zdeněk Pavlátka:1.7.2014 19:05

Vojtěch Pospíchal : Jsi jediný soutěžící, tak tu mám alespoň víc prostoru pro hodnocení. Zadání jsi splnil krásně, dokonce jsi přidal HSL, ale chybí ti tam zadání barvy jako čísla. Kód je opravdu pěkný, objektový, moc se mi líbí vykreslování přes gradienty. Přesně tak jsem si ho představoval. Funguje to perfektně, i když po uživatelské stránce by se dalo pár věcí vytknout. Placku tedy získáváš, adresu mi napiš do PM, pošlu ti jí co nejdříve. Výtvor tu samozřejmě publikuj.

Nahoru Odpovědět 1.7.2014 19:05
Kolik jazyků umíš, tolikrát jsi programátor.
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 18 zpráv z 18.