Diskuze: Machr na webdesign – responzivní lightbox

Naučíme tě pracovat na home-office.

Zjistit více...

Aktivity

Michal Žůrek - misaz

Tvůrce

Michal Žůrek - misaz:2.11.2014 12:23

Vítám Vás u minisoutěže Machr, tentokrát na Webdesign. Vašim cílem bude připravit stylesheet, který nastyluje HTML lightboxu, tak aby všude vypadal stejně dobře = byl responzivní. Zkuste si rozevřít nějaký lightbox (třeba aktuální obrázek placky) na mobilu a uvidíte, že většina to moc nechápe. JavaScriptovou stranu tentokrát nebudeme vůbec řešit, dokonce ani HTML. Váš script by měl ostylovat toto HTML lightboxu.

<div class="lb">
        <div>
                <div class="lbBox">
                        <img src="...">
                        <button class="lbMoveButton lbMoveRight" style="display: block;">&gt;</button>
                        <button class="lbMoveButton lbMoveLeft" style="display: block;">&lt;</button>
                        <button class="lbCloseButton">×</button>
                </div>
        </div>
</div>

Zájemci, kteří nevědí co s časem nebo chtějí bonusové body, si můžou do HTML přidat třeba popisek.

K řešení můžete samozřejmě použít nějaké preprocesory, ale v takovém případě přibalte i vygenerované CSS. Deadline si dejme na sobotu 8. listopadu v 10:00. Odkaz řešení v zazipované složce (soubor *.zip) ať to nemusím rozbalovat 3rd party aplikací posílejte zde nebo <a href="http://www.itnetwork.cz/zpravy/3588">Michal Žůrek</a> do PM. Kompletní pravidla: http://www.itnetwork.cz/…outezi-machr

Editováno 2.11.2014 12:24

Odpovědět

2.11.2014 12:23

Michal Žůrek - misaz

Tvůrce

Michal Žůrek - misaz:2.11.2014 16:57

můžu se zeptat, proč to mínusujete?

Nahoru Odpovědět

2.11.2014 16:57

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:2.11.2014 17:07

Poslední dobou se tu všechno mínuskuje...

Nahoru Odpovědět

2.11.2014 17:07

Neaktivní uživatelský účet

Jan Lupčík

Tvůrce

Jan Lupčík:2.11.2014 17:13

Ale ne pro nic za nic. Každé mínus má své důvody. A tímhle důvodem je zřejmě minulé hodnocení machra na algoritmy.

Editováno 2.11.2014 17:15

Nahoru Odpovědět

2.11.2014 17:13

TruckersMP vývojář

Matúš Petrofčík

Tvůrce

Matúš Petrofčík:2.11.2014 18:00

Riesenie tohoto machra by mohlo realne prospiet tejto sieti a aj vsetkym projektom ktore potrebuju lightbox (fancybox, ...).
Za mna mas plus.

Nahoru Odpovědět

2.11.2014 18:00

obsah kocky = r^2 ... a preto vlak drnká

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:2.11.2014 18:15

Moc nerozumím zadání, proč tam je ta ukázka html a jesli se to musí udělat podle ní. Stačilo by to nechat volnější a říct jednoduše - Udělejte lightbox

Nahoru Odpovědět

2.11.2014 18:15

Neaktivní uživatelský účet

Michal Žůrek - misaz

Tvůrce

Michal Žůrek - misaz:2.11.2014 18:19

snažil jsem se to zjednodušit na tu CSSkovou část. Kdybych napsal Udělejte lightbox tak dostanu vynadáno, že je to složité a časově náročné. Samozřejmě kdo chce si může i HTML a JS část udělat sám.

Nahoru Odpovědět

2.11.2014 18:19

Matúš Petrofčík

Tvůrce

Matúš Petrofčík:2.11.2014 18:26

ak ti teda pribalíme vlastnú html štruktúru s vlastným/upraveným lightbox-om a vlastným css, všetko funkčné, pripravené na otvorenie a zhodnotenie, bude sa to hodnotiť ako porušenie zadania alebo nie?

Nahoru Odpovědět

2.11.2014 18:26

obsah kocky = r^2 ... a preto vlak drnká

Michal Žůrek - misaz

Tvůrce

Michal Žůrek - misaz:2.11.2014 18:34

samozřejmě že ne, můžeš to udělat jak chceš s čím chceš. Pokud to bude lightbox splní to zadání.

Nahoru Odpovědět

2.11.2014 18:34

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:2.11.2014 18:47

výborně, to mě zajímalo

Nahoru Odpovědět

2.11.2014 18:47

Neaktivní uživatelský účet

Michal Žůrek - misaz

Tvůrce

Michal Žůrek - misaz:8.11.2014 21:20

Tentokrát to máme bez řešení.

Akceptované řešení
+20 Zkušeností

Nahoru Odpovědět

8.11.2014 21:20

Honza Bittner

Tvůrce

Honza Bittner:9.11.2014 1:30

Stane se, no...

Nahoru Odpovědět

9.11.2014 1:30

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

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 12 zpráv z 12.