IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
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 - Stránka 403

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

Aktivity
Avatar
Martin Bednář (xbedm01):22.11.2013 22:30

Taky odevzdávám svůj výtvor: http://leteckaposta.cz/942418273
S kódem jsem si moc hlavu nelámal, jde spíš o nápad.

Odpovědět
22.11.2013 22:30
I bez motta se dá žít
Avatar
Odpovídá na mamiksik
Martin Bednář (xbedm01):22.11.2013 22:36

Pěkné :), mám jen jednu připomínku.
Používej entity. (Pro to > v >_)

Nahoru Odpovědět
22.11.2013 22:36
I bez motta se dá žít
Avatar
Odpovídá na mamiksik
Zdeněk Pavlátka:23.11.2013 8:50

Obrázek mi překrývá horní text. O nesrozumitelném textu dole ani nechci mluvit:

Nahoru Odpovědět
23.11.2013 8:50
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Ľuboš Čurgó
Tvůrce
Avatar
Ľuboš Čurgó:23.11.2013 10:59

len taka blbina co mi napadla :D http://leteckaposta.cz/880690543

edit: zly link

Editováno 23.11.2013 11:02
 
Nahoru Odpovědět
23.11.2013 10:59
Avatar
Vadim Kablukov
Tvůrce
Avatar
Vadim Kablukov:23.11.2013 11:24

Tak já svůj výtvor nechám tak jak je, nebudu se v tom dál patlat, pokusy o přehrání zvuku z webu mi prohlížeče úspěšně zkazily a animace žere hrozně paměti - stránka se tím dlouho načítá :D .

Nahoru Odpovědět
23.11.2013 11:24
Oheň je přítel, ne sluha
Avatar
Odpovídá na mamiksik
Marián Ligocký:23.11.2013 11:40

pri menšom rozlíšení nieje možné prečítať text

 
Nahoru Odpovědět
23.11.2013 11:40
Avatar
Zdeněk Pavlátka:23.11.2013 16:51

Mám monitor 1440 x 900. Tam už by to snad mělo jít 8|

Nahoru Odpovědět
23.11.2013 16:51
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Odpovídá na Vadim Kablukov
Michal Žůrek - misaz:23.11.2013 16:54

jak děláš animaci?

 
Nahoru Odpovědět
23.11.2013 16:54
Avatar
Vadim Kablukov
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Vadim Kablukov:23.11.2013 17:37

Bohužel v Constructu 2 - žere to moc (~50 MB RAM) + pomalé načítání a na to abych zakomponoval jednoduchý gif do stránek by mi nejdřív musel přestat protestovat noťas

Nahoru Odpovědět
23.11.2013 17:37
Oheň je přítel, ne sluha
Avatar
Nahoru Odpovědět
23.11.2013 17:47
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Michal Žůrek - misaz:23.11.2013 18:27

Ahoj,
po (asi 3 týdenní) pauze kdy jsme se stěhovali a nebyl čas, Vás obohatím svým výtvorem. Tentokrát jsem zkusil (možná) trochu vtipnější animaci, kde zloděl leze na dům a je následně odkopnut. V animaci jsem použil jak CSS3 animace tak JavaScript zpracovávající spritesheet.

Online: http://misaz.moxo.cz/…ook/machr47/
Download: http://misaz.moxo.cz/…orbidden.zip

Editováno 23.11.2013 18:27
 
Nahoru Odpovědět
23.11.2013 18:27
Avatar
Odpovídá na Michal Žůrek - misaz
Matúš Petrofčík:23.11.2013 18:58

misaz: toto ma pobavilo :D už len dopasovať text

Nahoru Odpovědět
23.11.2013 18:58
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Odpovídá na Matúš Petrofčík
Michal Žůrek - misaz:23.11.2013 20:07

Mírné zlepšení:
• text by neměl při průměrném poměru stran uskakovat
• animace mraků funguje na všech moderních prohlížečích

Online: http://misaz.moxo.cz/…ook/machr47/
Download: http://misaz.moxo.cz/…rbidden1.zip

 
Nahoru Odpovědět
23.11.2013 20:07
Avatar
Odpovídá na Michal Žůrek - misaz
Neaktivní uživatel:23.11.2013 20:10

pěkný Misaz :)

jinak jak ten panáček "létá" tak to mělo být nebo je to omylem?

Nahoru Odpovědět
23.11.2013 20:10
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Michal Žůrek - misaz:23.11.2013 20:12

aha, vyřešením jednoho problému vznikly další.

 
Nahoru Odpovědět
23.11.2013 20:12
Avatar
Odpovídá na Neaktivní uživatel
Michal Žůrek - misaz:23.11.2013 20:18

Tak do třetice.

Opravy:
• Panáček již leží na zemi

Online: http://misaz.moxo.cz/…ook/machr47/
Download: http://misaz.moxo.cz/…rbidden2.zip

 
Nahoru Odpovědět
23.11.2013 20:18
Avatar
Neaktivní uživatel:23.11.2013 20:19

Takhle to vypadá, když se někdo nudí :D :D
http://projekty.danvitek.cz/…403-stranka/

Nahoru Odpovědět
23.11.2013 20:19
Neaktivní uživatelský účet
Avatar
Odpovídá na Michal Žůrek - misaz
Neaktivní uživatel:23.11.2013 20:20

Tak to vypadá, že nejsem sám :D

Nahoru Odpovědět
23.11.2013 20:20
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Neaktivní uživatel:23.11.2013 21:25

Už mu padají i oči :D :D

Nahoru Odpovědět
23.11.2013 21:25
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Neaktivní uživatel:23.11.2013 21:32

at mu ještě padaji i zuby :D

Nahoru Odpovědět
23.11.2013 21:32
Neaktivní uživatelský účet
Avatar
Milan Gallas
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Milan Gallas:23.11.2013 21:33

Jen tě chci upozornit, že problém s "létáním" panáčka si nevyřešil. Panáček nechodí po zemi ale chodí ve vzduchu. další nedostatek tam je že panáček nedoletí na zem. Jinak to máš moc pěkný.

Editováno 23.11.2013 21:36
 
Nahoru Odpovědět
23.11.2013 21:33
Avatar
Matúš Petrofčík:23.11.2013 22:18

na machra to asi nemá, ale rád by som sa pridal :)
ukážka je na http://sklad.petrofcik.eu/403/
na stiahnutie http://sklad.petrofcik.eu/403/403.rar
reklamu od endory si prosim nevsímať :)

Nahoru Odpovědět
23.11.2013 22:18
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Jan Vargovský
Tvůrce
Avatar
Odpovídá na Milan Gallas
Jan Vargovský:23.11.2013 22:44

Mi to jde vpohodě :)

 
Nahoru Odpovědět
23.11.2013 22:44
Avatar
Michal Žůrek - misaz:23.11.2013 23:48

Milan Gallas a Jan Vargovský : protože to má být v nějakém stavu responzivní, tak bylo potřeba nastavit hodnoty procentuelně. S tím jde jeden problém a to že CSS bere všechny procenta podle šířky. Co ž je problém v umisťování do výšky. Proto panáček lítá. Testoval jsem to na 1366×768 (- lišty chromu), 1920×1080 (- lišty chrou) a 1600 × 900 (se vším všudy).

Až se v consorciu vzbudí a šířku budou hodnotit podle šířky a výšku podle výšky, tak to bude OK.

 
Nahoru Odpovědět
23.11.2013 23:48
Avatar
Odpovídá na Michal Žůrek - misaz
Matúš Petrofčík:23.11.2013 23:57

kdesi som videl možnosť použiť height:100hv; kde 100hv podľa mňa znamená 100% height view, tak isto width:100wv; a kombinácie height:100hv; a width:100hv;
možno by to šlo vyriešiť takto :) možno sa mýlim a možno píšem bludy

dokonca som to aj použil na svojej stránke, ale musel som pridať hore a dole padding:1px; čo mi nezničilo design, ale bez toho by mi to nešlo (čomu vôbec nerozumiem)

Editováno 23.11.2013 23:58
Nahoru Odpovědět
23.11.2013 23:57
obsah kocky = r^2 ... a preto vlak drnká
Avatar
FastNode
Tvůrce
Avatar
FastNode:24.11.2013 1:22

Taky se teda taky zapojím:
http://lab.uzlabina.cz/…hta/403.html

 
Nahoru Odpovědět
24.11.2013 1:22
Avatar
Neaktivní uživatel:24.11.2013 8:21

Sice nejsem webdesigner, ale nudil jsem se, takže tu je můj "výtvor": http://leteckaposta.cz/187464577

Nahoru Odpovědět
24.11.2013 8:21
Neaktivní uživatelský účet
Avatar
Nahoru Odpovědět
24.11.2013 9:39
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Odpovídá na Zdeněk Pavlátka
Neaktivní uživatel:24.11.2013 10:27

Pardon, už to jdu změnit. :)

Nahoru Odpovědět
24.11.2013 10:27
Neaktivní uživatelský účet
Avatar
Nahoru Odpovědět
24.11.2013 10:30
Neaktivní uživatelský účet
Avatar
Pavel Mareš
Tvůrce
Avatar
Pavel Mareš:24.11.2013 11:00

Můj první výtvor na devbooku.
Nezkrácený odkaz: https://drive.google.com/…a0dQcFk/edit?…
Zkrácený odkaz: http://goo.gl/Ea3CYB

Nahoru Odpovědět
24.11.2013 11:00
Však ono půjde ...
Avatar
Odpovídá na Matúš Petrofčík
Michal Žůrek - misaz:24.11.2013 11:24

Takže 4. varianta zlepšení:
• Použité vh a vw, čimž dosaženo mírného zlepšení

Online: http://misaz.moxo.cz/…ook/machr47/
Download: http://misaz.moxo.cz/…rbidden3.zip

 
Nahoru Odpovědět
24.11.2013 11:24
Avatar
Odpovídá na Michal Žůrek - misaz
Jakub Vaněk (Bubavanek):24.11.2013 15:11

Zdravím, asi by to bylo fajn, ale mě to dělá totok.

 
Nahoru Odpovědět
24.11.2013 15:11
Avatar
Michal Martinek
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Michal Martinek:24.11.2013 15:16

A mě toto.
Chormium Version 31.0.1650.57 Debian 7.2 (235101)

 
Nahoru Odpovědět
24.11.2013 15:16
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Honza Bittner:24.11.2013 15:18

udělej to radši na nějakou fixní šířku ;)

Nahoru Odpovědět
24.11.2013 15:18
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
FastNode
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
FastNode:24.11.2013 17:27

Skvělá animace :) Jenom taková drobnost: neměla by náhodou ta bublina být u toho baráku? Chápu to tak že ten panáček má být uživatel a ten dům je webovka. 403 zakazuje přístup. Takhle si ten zloděj vlastně zakáže přístup dovnitř. Nemělo to být tak, že ten, co ho vykopne mu má zakázat přístup? :D

 
Nahoru Odpovědět
24.11.2013 17:27
Avatar
FastNode
Tvůrce
Avatar
FastNode:24.11.2013 17:57

Hups, až teď jsem si všiml pravidel, takže tady je odkaz na Gdrive:
https://drive.google.com/?…

 
Nahoru Odpovědět
24.11.2013 17:57
Avatar
FastNode
Tvůrce
Avatar
Odpovídá na FastNode
FastNode:24.11.2013 18:22

Zase špatně :/ odkaz nefunguje. Omlouvám se za spam, jsem asi trochu unavený... :[
Tohle je konečně správně: https://drive.google.com/folderview?…

Editováno 24.11.2013 18:22
 
Nahoru Odpovědět
24.11.2013 18:22
Avatar
Josef Kuchař - Pepa489:24.11.2013 18:27

Deatline se malinko protahuje... :D

Nahoru Odpovědět
24.11.2013 18:27
2x piš, jednou debuguj
Avatar
Pavel Mareš
Tvůrce
Avatar
Odpovídá na FastNode
Pavel Mareš:24.11.2013 18:34

S tím kódem a obrázkem mě napadá jen jediná věta: Děláš si srandu?
Nemám nejpomalejší počítač, ale zvládne toho hodně a v celku rychle,
trvalo mi asi 45 vteřin než se mi načetla stránka. Boha proč toto?
Pokud to má důvod, který očividně nevidím napiš ho prosím. Rád se
poučím.

Nahoru Odpovědět
24.11.2013 18:34
Však ono půjde ...
Avatar
Odpovídá na Josef Kuchař - Pepa489
Neaktivní uživatel:24.11.2013 18:37

To se stává :D
Ono to je proto, že jsou tu 2 soutěže, David Hartinger musí zkouknout zdrojáky, vozkoušet to, porovnat to a vybrat vítěze, což většinou nebývá snadné :)

Nahoru Odpovědět
24.11.2013 18:37
Neaktivní uživatelský účet
Avatar
Odpovídá na FastNode
Matúš Petrofčík:24.11.2013 18:39

mám jednu otázočku :) to si ten obrázok pozadia nejako zakodoval do css? ako sa to dá? :D

Nahoru Odpovědět
24.11.2013 18:39
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Odpovídá na Pavel Mareš
Neaktivní uživatel:24.11.2013 18:39

Nejspíš se ti aktualizoval Chrom, já mám netbook se XPčkama (který trochu hodně blbnou) a stránka se mi načetla za 4 sekundy ;)

Nahoru Odpovědět
24.11.2013 18:39
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Zdeněk Pavlátka:24.11.2013 18:39

A navíc je tento týden obrovská účast u obou soutěží. :D

Nahoru Odpovědět
24.11.2013 18:39
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Josef Kuchař - Pepa489:24.11.2013 18:42

Těším se na dalšího Marchra :D :D :D

Nahoru Odpovědět
24.11.2013 18:42
2x piš, jednou debuguj
Avatar
Nahoru Odpovědět
24.11.2013 18:43
Neaktivní uživatelský účet
Avatar
FastNode
Tvůrce
Avatar
Odpovídá na Matúš Petrofčík
FastNode:24.11.2013 18:52

je to svg zakódované v base64 (jak psal Dan)

 
Nahoru Odpovědět
24.11.2013 18:52
Avatar
Odpovídá na FastNode
Matúš Petrofčík:24.11.2013 18:53

jj dík, Dan mi to aj vygooglil :)

Nahoru Odpovědět
24.11.2013 18:53
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Pavel Mareš
Tvůrce
Avatar
Pavel Mareš:24.11.2013 18:56

Tak jsem si to myslel dobře, už jsem se lekl, že je to kravina. Jinak ono se to načítá dlouho, protože chrome se rozhodl blokovat, když kliknu na stránku
tak se to načte, ale chrome se o něco snaží. Zatím jsem nepřišel na co, sorry.

Nahoru Odpovědět
24.11.2013 18:56
Však ono půjde ...
Avatar
FastNode
Tvůrce
Avatar
Odpovídá na Pavel Mareš
FastNode:24.11.2013 19:02

To opravdu netuším. Na mém (starším) notebooku (Intel Celer. 1,46GHz + 1,2GiB RAM) nemám s načítáním problém (obvykle 800 - 1500 milisekund) a dokonce ani na telefonu (800MHz, ~30MB RAM, desktop verze stránky). Je možné že to bylo serverem školy, teď mi běží vše normálně. Zkoušel jsi tu stránku otevřít víckrát? Jaký jsi měl prohlížeč?

 
Nahoru Odpovědět
24.11.2013 19:02
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 109.