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í.

Diskuze: Machr na JavaScript - Color picker

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

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Zdeněk Pavlátka
Tvůrce
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
Tvůrce
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
Ondřej Štorc
Tvůrce
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
Tvůrce
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
Ondřej Štorc
Tvůrce
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
Tvůrce
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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Vojtěch Pospíchal
Tvůrce
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
Tvůrce
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
23.6.2014 23:00
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Milan Křepelka
Tvůrce
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
24.6.2014 9:39
Avatar
Michal Žůrek - misaz
Tvůrce
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
Avatar
Zdeněk Pavlátka
Tvůrce
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
Tvůrce
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
Tvůrce
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
Tvůrce
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
Tvůrce
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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Vojtěch Pospíchal
Tvůrce
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
Tvůrce
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.