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 webdesign – responzivní lightbox

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

Aktivity
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
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">Mic­hal Žů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
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
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
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
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
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
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ář
Avatar
Matúš Petrofčík
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
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á
Avatar
Neaktivní uživatel
Tvůrce
Avatar
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
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
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
Avatar
Matúš Petrofčík
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
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á
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na Matúš Petrofčík
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
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
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
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Michal Žůrek - misaz:8.11.2014 21:20

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

Akceptované řešení
+20 Zkušeností
Řešení problému
 
Nahoru Odpovědět
8.11.2014 21:20
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Honza Bittner:9.11.2014 1:30

Stane se, no... :D

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.