Diskuze: Machr na Webdesign - Bootstrap

HTML a CSS HTML a CSS Machr na Webdesign - Bootstrap American English version English version

Avatar
David Čápka
Tým ITnetwork
Avatar
David Čápka:

Ahoj všichni! Proslýchá se tu, že by se prý hodila soutěž machr na webdesign - tady ji máte! Jako každý týden hrajeme o placku a samolepky, které získáte pokud nejlépe vyřešíte jednoduchou úlohu.

Budeme tvořit šablonu pro inzerční portál, něco jako např. http://www.annonce.cz/, design a rozložení záleží jen na vás a na vaší fantazii. Cílem soutěží je, abyste se naučili něco nového a užitečného. Proto budeme používat CSS framework Bootstrap - http://getbootstrap.com/. Jedná se o soubor připravených CSS stylů, ze kterých lze jednoduše poskládat profesionálně vypadající web bez větší námahy. Naleznete zde tlačítka, formuláře, ikony a i něco k rozložení. Pokud Bootstrap ještě neznáte, určitě si to zkuste! :)

Čas si dáme jako vždy do pondělí 31.3. do 10:00. Kompletní pravidla soutěží naleznete zde: http://www.itnetwork.cz/…outezi-machr

Editováno 26.3.2014 10:30
Odpovědět  +2 26.3.2014 10:26
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
BlugW
Redaktor
Avatar
BlugW:

Hmm tak vůbec netuším jak ho Bootstrap používat.
Než najdu v tom dlouhém kódu to co potřebují, budu mít 100let :D

Nahoru Odpovědět  +1 27.3.2014 0:05
Pořiď si mac na www.appletrh.cz. Novinky a zajímavosti ze světa Apple na https://www.applemagazin.eu
Avatar
Old Account
Člen
Avatar
Old Account:

Povoleny je iba Bootstrap 3, alebo je mozne pouzit aj 2 ?

Nahoru Odpovědět 27.3.2014 2:32
"If you keep your eye on the profit, you’re going to skimp on the product. But if you focus on making really gre...
Avatar
Odpovídá na BlugW
Michal Žůrek (misaz):

Když to zvládneš do pondělí, pošli nám to.

Nahoru Odpovědět 27.3.2014 6:10
Nesnáším {}, proto se jim vyhýbám.
Avatar
BlugW
Redaktor
Avatar
Odpovídá na Old Account
BlugW:

Nikde tu není napsáno jakou verzi máš použít.

Nahoru Odpovědět 27.3.2014 8:12
Pořiď si mac na www.appletrh.cz. Novinky a zajímavosti ze světa Apple na https://www.applemagazin.eu
Avatar
Jiří Gracík
Redaktor
Avatar
Jiří Gracík:

Předpokládá se, že použiješ nejnovější.

Nahoru Odpovědět 27.3.2014 8:23
Creating websites is awesome till you see the result in another browser ...
Avatar
Marek Z.
Redaktor
Avatar
Odpovídá na Jiří Gracík
Marek Z.:

Já si myslím, že verzi smíme použít libovolnou. I když, nepochopím proč používat zrovna 2, o boostrapu slyším prvně.. :D

Nahoru Odpovědět 27.3.2014 8:25
Chybami se člověk učí, běžte se učit jinam!
Avatar
Old Account
Člen
Avatar
Odpovídá na BlugW
Old Account:

Prave preto sa pytam.

Nahoru Odpovědět 27.3.2014 8:39
"If you keep your eye on the profit, you’re going to skimp on the product. But if you focus on making really gre...
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Old Account
David Čápka:

Měl bys použít samozřejmě ten nejnovější, machr je k tomu, aby ses něco naučil a učit se se starou technologií není moc přínosné. Zadání je dost volné a dokumentace bootstrapu je dobrá, dá se to udělat za chvíli.

Nahoru Odpovědět 27.3.2014 9:37
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Radim Sückr
Redaktor
Avatar
Odpovídá na BlugW
Radim Sückr:

Nějak nechápu, s čím máš problém. Když jsem začínal na Bootstrapu 2 (tehdy byla dokumentace o něco horší a framework samotný byl větší bordel), trvalo mi to všehovšudy 30 minut, abych byl schopen z hlavy udělat jednoduchou šablonu včetně nějakých JavaScriptových doplňků. Dokumentace je, myslím si, super.

 
Nahoru Odpovědět  +1 27.3.2014 12:02
Avatar
BlugW
Redaktor
Avatar
Odpovídá na Radim Sückr
BlugW:

Problém je v tom že buď jsem slepej, nebo je to před nosem a já hledám jinde, nebo je to schované , prostě dokumentaci Bootstrap 3 nemůžu najít ;(

Nahoru Odpovědět 27.3.2014 14:04
Pořiď si mac na www.appletrh.cz. Novinky a zajímavosti ze světa Apple na https://www.applemagazin.eu
Avatar
BlugW
Redaktor
Avatar
BlugW:

Joj ono to je vlastně celý web dokumentace :D
A jde se učit.

Nahoru Odpovědět 27.3.2014 14:09
Pořiď si mac na www.appletrh.cz. Novinky a zajímavosti ze světa Apple na https://www.applemagazin.eu
Avatar
Ondřej Štorc:

Tak co lidi děláte někdo na tom?

Nahoru Odpovědět  +2 30.3.2014 20:41
Život je příliš krátký na to, abychom bezpečně odebírali USB z počítače..
Avatar
adder
Člen
Avatar
Nahoru Odpovědět  +2 30.3.2014 21:39
I’m going to lay this brick as perfectly as a brick can be laid.
Avatar
Marek Z.
Redaktor
Avatar
Marek Z.:

Předem díky za ukázání frameworku Bootstrap, opravdu jsem nevěděl, že něco takové je.

A teď k mému výtvoru, je to moje první práce s tímto frameworkem takže nečekejte zázrak. Barvy jsem nechal defaultní.

Live: http://sifler.php5.cz/inzerce/
Dwn: http://leteckaposta.cz/953385725

Vyzkoušel jsem si pozice, velikosti a následně rolovací menu. Práce s tímto mě opravdu bavila.. :)

Nahoru Odpovědět 30.3.2014 22:17
Chybami se člověk učí, běžte se učit jinam!
Avatar
Ondřej Štorc:

Ahoj zde přidávám svou verzi: https://drive.google.com/…bjltYWc/edit?…
Chtěl bych doladit ještě pár věcí, ale už mi nezbyl čas.. :(
P.S.: Online verze bude za chvilku..

Nahoru Odpovědět 31.3.2014 9:19
Život je příliš krátký na to, abychom bezpečně odebírali USB z počítače..
Avatar
adder
Člen
Avatar
adder:

ahoj. dávám sem jak online, tak ke stažení. přeji hezký den. http://jaromaro.ic.cz/

p.s.: moje první zůčastnění soutěže :)

Nahoru Odpovědět 31.3.2014 9:42
I’m going to lay this brick as perfectly as a brick can be laid.
Avatar
Nahoru Odpovědět 31.3.2014 9:43
Život je příliš krátký na to, abychom bezpečně odebírali USB z počítače..
Avatar
David Čápka
Tým ITnetwork
Avatar
David Čápka:

Tak jdu na to, zprvu to vypadalo dramaticky, ale nakonec se soutěžící přeci jen našli :)

Ondřej Štorc - Ondra si upravil zadání z inzertního portálu na e-shop. To by asi ani tak nevadilo, nicméně v tom ten bootstrap moc nevidím. Na rozložení jsi ho použil, to je super, ale vzhledově to má značné rezervy.

adder - Tohle vypadá velmi dobře, přidat pár obrázků a prodat :) Hezky to reaguje na změnu okna, máš tam i nějaké formuláře.

Mara SIFLER Z - Další pěkný výtvor, jen se mu úplně nelíbí, když se zmenší okno. Chválím ty JS widgety.

Nejlépe na mne působí výtvor od adder, získává tedy placku. Publikuj prosím svůj výtvor a napiš x adresu. Ostatním děkuji za účast a doufám, že jste si díky soutěži zkusili zas něco nového :)

Nahoru Odpovědět  +1 31.3.2014 11:21
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Odpovídá na David Čápka
Ondřej Štorc:

Žádné řešení jsem si neupravil všechno jsem to dělal od nuly.. Každopádně gratuluji vítězi

Nahoru Odpovědět 31.3.2014 11:25
Život je příliš krátký na to, abychom bezpečně odebírali USB z počítače..
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Ondřej Štorc
David Čápka:

Upravil zadání, ne řešení :)

Nahoru Odpovědět 31.3.2014 11:26
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Nahoru Odpovědět 31.3.2014 11:27
Život je příliš krátký na to, abychom bezpečně odebírali USB z počítače..
Avatar
Zdeněk Bauer
Redaktor
Avatar
Zdeněk Bauer:

Krásná soutěž, škoda že jsem si ji všiml až teď :(
Výtvory celkem pěkný, takže gratuluji :)
BootStrap používám hlavně když potřebuju univerzální design, ale dá se použít i na krásný weby.
Taká moje malá ukázka univerzálního designu :) http://www.z-computers.eu/market

 
Nahoru Odpovědět  +1 31.3.2014 11:41
Avatar
adder
Člen
Avatar
Odpovídá na David Čápka
adder:

Jak to myslíš, publikovat?

Nahoru Odpovědět 31.3.2014 11:44
I’m going to lay this brick as perfectly as a brick can be laid.
Avatar
Zdeněk Bauer
Redaktor
Avatar
Odpovídá na adder
Zdeněk Bauer:

Ve svém profilu si zažádej o redaktorská práva.
Až je dostaneš, budeš mít možnost napsat článek.
Ten článek by měl být o tomto tvém projektu, stačí pár slov a přiložit zdrojový kód. Však se můžeš podívat jak to dělají ostatní ;)

 
Nahoru Odpovědět  +1 31.3.2014 11:49
Avatar
adder
Člen
Avatar
Nahoru Odpovědět 31.3.2014 11:49
I’m going to lay this brick as perfectly as a brick can be laid.
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 26 zpráv z 26.