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í webová vizitka

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

Aktivity
Avatar
David Hartinger
Vlastník
Avatar
David Hartinger:26.8.2013 17:03

Máme tu novou minisoutěž na tento týden o žlutou placku "Machr na webdesign" a samolepky. Ještě jsme tu neměli responzivní design a často se tu o něm mluví, zkusme si ho tedy :) Vytvořte jednoduchou webovou vizitku (web o jedné stránce). Je jedno, jestli vaší, nějaké společnosti nebo známé osobnosti. Design by měl být kreativní a hlavně responzivní, stránka se tedy dobře zobrazí na malém displeji telefonu i na fullHD monitoru. Čas si dejme jako vždy do neděle 1.9.2013 do 18:00 hodin.

Odpovědět
26.8.2013 17:03
New kid back on the block with a R.I.P
Avatar
Ondrca
Tvůrce
Avatar
Odpovídá na David Hartinger
Ondrca:27.8.2013 11:35

Takže je horší, když kvůli obrázkům si to člověk musí na mobilu posouvat?

Nahoru Odpovědět
27.8.2013 11:35
Zase jsem o něco chytřejší
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Ondrca
Neaktivní uživatel:27.8.2013 11:50

Ano. Responzivní web by se měl přizpůsobit tak, aby jsi musel co nejméně posouvat stránkou do stran (vlevo, vpravo).

Nahoru Odpovědět
27.8.2013 11:50
Neaktivní uživatelský účet
Avatar
Ondrca
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Ondrca:27.8.2013 11:53

Díky

Nahoru Odpovědět
27.8.2013 11:53
Zase jsem o něco chytřejší
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na Ondrca
Michal Žůrek - misaz:27.8.2013 12:33

jednoduše řečeno: Uživateli musíš z normální stránky udělat dlouhou nudli.

 
Nahoru Odpovědět
27.8.2013 12:33
Avatar
Ondrca
Tvůrce
Avatar
Ondrca:29.8.2013 8:11

Ahoj, zde posílám svůj výtvor:
http://leteckaposta.cz/578054761

Nahoru Odpovědět
29.8.2013 8:11
Zase jsem o něco chytřejší
Avatar
FastNode
Tvůrce
Avatar
FastNode:29.8.2013 11:27

Tak se poprvé taky zapojím do soutěže :)
http://lab.uzlabina.cz/…z/webdesign/

Editováno 29.8.2013 11:27
 
Nahoru Odpovědět
29.8.2013 11:27
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na FastNode
Neaktivní uživatel:29.8.2013 13:57

Ten odkaz mi nefunguje :P

Nahoru Odpovědět
29.8.2013 13:57
Neaktivní uživatelský účet
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Neaktivní uživatel:29.8.2013 13:58

Taková technická - založte si ten freehosting, kdo to má pořád stahovat ...

Nahoru Odpovědět
29.8.2013 13:58
Neaktivní uživatelský účet
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Ondrca
Neaktivní uživatel:29.8.2013 14:00

Nic moc, to na výhru určitě stačit nebude ...

Nahoru Odpovědět
29.8.2013 14:00
Neaktivní uživatelský účet
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Neaktivní uživatel
David Hartinger:29.8.2013 14:01

Mně už taky ne, ale vypadalo to předtím dobře, asi to předělává.

Nahoru Odpovědět
29.8.2013 14:01
New kid back on the block with a R.I.P
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na David Hartinger
Neaktivní uživatel:29.8.2013 14:03

No, si říkám že to nebude asi úplně ready :D

// EDIT: Ne, to je hloupost, proč by uploadoval nehotovou verzi? A i kdyby ano, tak by to vyhodilo nový odkaz, ne ten starý

Editováno 29.8.2013 14:04
Nahoru Odpovědět
29.8.2013 14:03
Neaktivní uživatelský účet
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Neaktivní uživatel:29.8.2013 14:26

Sem dám aspoň obrázky :D

Vím, design příšernej, ale je to responzivní :P (testováno v Chromu při přiblížení stránky)

btw. děkuji panu Novákovi za texty :D

Nahoru Odpovědět
29.8.2013 14:26
Neaktivní uživatelský účet
Avatar
FastNode
Tvůrce
Avatar
FastNode:29.8.2013 15:30

Omlouvám se za školní hosting, za chvíli nahodím nový odkaz. Jen se chci zeptat, zda tam opravdu musí být nějaký smysluplný (i když smyšlený) text nebo stačí jenom lorem ipsum?

 
Nahoru Odpovědět
29.8.2013 15:30
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na FastNode
Honza Bittner:29.8.2013 15:39

chceš vyhrát ? ukaž co nejlepšího v tobě je ...

použít však můžeš cokoli

Nahoru Odpovědět
29.8.2013 15:39
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Neaktivní uživatel:29.8.2013 17:27

Můžeme použít http://adaptive-images.com/

Nahoru Odpovědět
29.8.2013 17:27
Neaktivní uživatelský účet
Avatar
Kit
Tvůrce
Avatar
Odpovídá na FastNode
Kit:29.8.2013 17:44

Největší výhrou v této soutěži může být, když díky své vizitce získáš nějakou zakázku. V tom případě budou lepší skutečné údaje.

Nahoru Odpovědět
29.8.2013 17:44
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Kamil
Člen
Avatar
Odpovídá na Neaktivní uživatel
Kamil:29.8.2013 23:37

A co třeba dát odkaz na ten tvůj výtvor? Podle fotek težko říct, jestli je to res...

 
Nahoru Odpovědět
29.8.2013 23:37
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Kamil
Neaktivní uživatel:30.8.2013 10:46

Dám ho sem v neděli po 18. hodině :P

Nahoru Odpovědět
30.8.2013 10:46
Neaktivní uživatelský účet
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Neaktivní uživatel:30.8.2013 18:44

Hele kdo mi dal mínusko ? :D

Nahoru Odpovědět
30.8.2013 18:44
Neaktivní uživatelský účet
Avatar
Ondrca
Tvůrce
Avatar
Ondrca:31.8.2013 8:09

Ahoj, přidávám sem konečnou verzi.
Změnil jsem pouze barvu pozadí.
http://leteckaposta.cz/216260700

Nahoru Odpovědět
31.8.2013 8:09
Zase jsem o něco chytřejší
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Neaktivní uživatel:31.8.2013 9:27

Aha.. :D

Nahoru Odpovědět
31.8.2013 9:27
Neaktivní uživatelský účet
Avatar
niveses
Tvůrce
Avatar
niveses:31.8.2013 16:05

Pro "Chromaře" doporučuji https://chrome.google.com/…jmfehjbnmifk

 
Nahoru Odpovědět
31.8.2013 16:05
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na niveses
Neaktivní uživatel:31.8.2013 16:22

Zajímavý :) Díky ;)

btw. Právě jsem našel Preview mode... Si budu hrát :D :D

Editováno 31.8.2013 16:23
Nahoru Odpovědět
31.8.2013 16:22
Neaktivní uživatelský účet
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na niveses
Neaktivní uživatel:31.8.2013 16:24

to by mohl použít David Hartinger při vybírání vítěze :D

Nahoru Odpovědět
31.8.2013 16:24
Neaktivní uživatelský účet
Avatar
Kit
Tvůrce
Avatar
Odpovídá na niveses
Kit:31.8.2013 16:31

Pěkné. Jen mi není jasné, proč to má přes 7 MB.

Nahoru Odpovědět
31.8.2013 16:31
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
niveses
Tvůrce
Avatar
Odpovídá na Kit
niveses:31.8.2013 16:39

To nevím, na velikost nekoukám.

 
Nahoru Odpovědět
31.8.2013 16:39
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na niveses
Honza Bittner:31.8.2013 16:44

hezké, ale ta preview je nějaká divná .. na mobilu se mi to zobrazuje jinak teda ...

Nahoru Odpovědět
31.8.2013 16:44
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
niveses
Tvůrce
Avatar
Odpovídá na Kit
niveses:31.8.2013 16:54

Tak teď mě napadlo proč. Tahle aplikace umí fungovat i offline.

 
Nahoru Odpovědět
31.8.2013 16:54
Avatar
Kit
Tvůrce
Avatar
Odpovídá na niveses
Kit:31.8.2013 17:13

Na velikost programů se koukám, protože platí pravidlo: Čím větší, tím horší.

Nahoru Odpovědět
31.8.2013 17:13
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
niveses
Tvůrce
Avatar
Odpovídá na Kit
niveses:31.8.2013 17:44

Né vždy.

 
Nahoru Odpovědět
31.8.2013 17:44
Avatar
Kit
Tvůrce
Avatar
Odpovídá na niveses
Kit:31.8.2013 17:44

Nějaký příklad by nebyl?

Nahoru Odpovědět
31.8.2013 17:44
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
niveses
Tvůrce
Avatar
Odpovídá na Kit
niveses:31.8.2013 18:00

Momentálně mě nic nenapadá, ale pokud je aplikace 2x větší očekávám od ní 2x více funkcí.

Ale to je offtopic :)

Editováno 31.8.2013 18:01
 
Nahoru Odpovědět
31.8.2013 18:00
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na niveses
Honza Bittner:31.8.2013 18:06

záleží na programátorovi jak dobře aplikaci napíše ...

můžeš mít na vlast stejnou aplikaci na 50 řádků a na 5000 řádků ...

Nahoru Odpovědět
31.8.2013 18:06
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Kit
Tvůrce
Avatar
Odpovídá na niveses
Kit:31.8.2013 18:10

Mě právě také nic nenapadá. MS Word od verze 97 k verzi 2013 jistě ušel velký kus cesty, ale dokumenty, které mi chodí z obou verzí, jsou naformátovány stejně špatně. Ve Wordu 2013 se píše mnohem hůř, protože když hledám nějakou vlastnost, hledám ji v menu 4× déle než v předchozích verzích a stejně to nefunguje. Zkusil jsi někdy číslovat stránky po dílech nebo od nějakého svého čísla? Nefunguje to, i když je to v manuálu popsáno. Takže další krok zpět.

A když si přečtu dotaz z konference, jak při exportu z Excelu do CSV dát místo desetinné tečky desetinnou čárku? I když se to v tom exportu nastaví, nefunguje to.

Nahoru Odpovědět
31.8.2013 18:10
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Kit
Tvůrce
Avatar
Odpovídá na Honza Bittner
Kit:31.8.2013 18:16

Také můžeš mít stejné aplikace na 50 znaků a na 5000 znaků... :)

Nahoru Odpovědět
31.8.2013 18:16
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Neaktivní uživatel
David Hartinger:31.8.2013 19:59

Vypadá to zajímavě, kouknu se na to zítra :)

Nahoru Odpovědět
31.8.2013 19:59
New kid back on the block with a R.I.P
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:31.8.2013 22:02

OK, píšu nový, modernější, prostornější web pro strýce a napadlo mě ...

"Co kdybych si udělal ten responzivní design ... No, asi budu muset mít 2 CSS soubory ? To bude moc náročné, asi to nebudu dělat ... No, jsem HoBi, ten se nevzdává!"

Tak jsem si sedl, vymyslel jsem jak bude web vypadat, pak jsem ho nakódoval spolu s responzivním designem ...

Musím říct že to není tak složité, ani 2 soubory jsem nepotřeboval. Stačí jen přemýšlet a kód je malý :)

http://prace.honzabittner.cz/…yn-vsestudy/

Nahoru Odpovědět
31.8.2013 22:02
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Neaktivní uživatel:31.8.2013 22:08

Tak moje práce, dalo by se to vylepšit, ale o soutěži jsem se dozvěděl až ve čtvrtek a měl málo času.
https://c9.io/…ce/main.html
PS: Fotka není moje.
HoBi: Ubuntu font je nějak oblíbený.

Editováno 31.8.2013 22:10
Nahoru Odpovědět
31.8.2013 22:08
Neaktivní uživatelský účet
Avatar
niveses
Tvůrce
Avatar
niveses:1.9.2013 10:43

Kolik by mělo být změn? Mobily, tablety, a širokoúhlé monitory stačí?

 
Nahoru Odpovědět
1.9.2013 10:43
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na niveses
David Hartinger:1.9.2013 10:49

Určitě stačí :)

Nahoru Odpovědět
1.9.2013 10:49
New kid back on the block with a R.I.P
Avatar
niveses
Tvůrce
Avatar
niveses:1.9.2013 10:52

Díky, snad to dnes stihnu..

 
Nahoru Odpovědět
1.9.2013 10:52
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:1.9.2013 10:57

ok, mám novou, trochu upravenou, verzi ...

http://prace.honzabittner.cz/…yn-vsestudy/

Nahoru Odpovědět
1.9.2013 10:57
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Honza Bittner
Neaktivní uživatel:1.9.2013 11:09

centroval bych tu galerii, pak to bude super :)

Nahoru Odpovědět
1.9.2013 11:09
Neaktivní uživatelský účet
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Honza Bittner:1.9.2013 11:45

je centrovaná když jsou 4 položky

jak bys to udělal univerzálněji ? :)

Editováno 1.9.2013 11:46
Nahoru Odpovědět
1.9.2013 11:45
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:1.9.2013 12:46

OK, už je vycentrovaná i galerie vždy ...

http://prace.honzabittner.cz/…yn-vsestudy/

může se někdo kouknout jestli to funguje všem i na win ? :)
a jestli máte taky po šáhnutí červený proužek pod tím ?

Nahoru Odpovědět
1.9.2013 12:46
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
niveses
Tvůrce
Avatar
Odpovídá na Honza Bittner
niveses:1.9.2013 13:07

Máš to pěkný a červený :)

Editováno 1.9.2013 13:07
 
Nahoru Odpovědět
1.9.2013 13:07
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Neaktivní uživatel:1.9.2013 13:30

Tak jsem ještě upravil barvy.

Nahoru Odpovědět
1.9.2013 13:30
Neaktivní uživatelský účet
Avatar
niveses
Tvůrce
Avatar
niveses:1.9.2013 14:13

Je dovoleno používat JS?

 
Nahoru Odpovědět
1.9.2013 14:13
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na niveses
David Hartinger:1.9.2013 14:21

Ano, je.

Nahoru Odpovědět
1.9.2013 14:21
New kid back on the block with a R.I.P
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 50 zpráv z 77.