NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
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í.
Avatar
PiskotPiskotovic
Tvůrce
Avatar
PiskotPiskotovic:26.7.2014 19:47

Zdravím, poradil by mi někdo, jak udělat responsibilní web ? Jestli to není ono, tak tedy popíšu, co přesně chci. Myslím to takto: Pokud uživatel má menší rozlišení než X x Y, tak se načte jiný css soubor. Děkuji za radu ;)

Odpovědět
26.7.2014 19:47
Error 404 - stránka motto.php nenalezena.
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na PiskotPiskotovic
Michal Žůrek - misaz:26.7.2014 19:56

nedělá se to tak, že načteš jiný CSS soubor, ale že aplikuješ jyný styly z jednoho CSSka.
Používají se tzv. media queries, které ti určí kdy se použije co.

@media (max-width: 1000px) {
    body {
        background-color:blue;
    }
}
body {
    background-color:red;
}

pokud máš rozlišení větší než 1000px bude body blue, jinak red.

2.) nesmíš to hodnotit podle rozlišení, můj monitor co teď mám připojený má rozlišení 1920 × 1080, to stejné rozlišení mají dneska mobilní telefony.

 
Nahoru Odpovědět
26.7.2014 19:56
Avatar
Jan Demel
Tvůrce
Avatar
Odpovídá na PiskotPiskotovic
Jan Demel:26.7.2014 19:56

Existuje několik tutoriálů ... Základem je používat procentuální šířku místo pevné šírky v pixelech. Podívej se na nějaké videotutoriály na Youtube - tak to sice někdy je zastaralé, ale základ responzivního designu pochopíš ;)

Nahoru Odpovědět
26.7.2014 19:56
To co se zdá být nemožné, je vždy možné.
Avatar
PiskotPiskotovic
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
PiskotPiskotovic:26.7.2014 20:05

Šlo mi hlavně o to, že pokud bude jiná výška a šířka, tak se určité elementy nezobrazí, mimochodem ty jsi můj problém vyřešil. Předtím stačilo okno zmenšit o 100px a už to bylo rozdrbaný :D

Nahoru Odpovědět
26.7.2014 20:05
Error 404 - stránka motto.php nenalezena.
Avatar
Jiří Šedý (jsedy7)
Tvůrce
Avatar
Odpovídá na Jan Demel
Jiří Šedý (jsedy7):13.9.2014 16:37

No já koukal po YouTube a moc jsem si nepomohl. Velká většina tutoriálů směřovala k designování v nějakém z grafických editorů. Hledal jsem i různé tutoriály v angličtině, jenže nic co by mi zrovna nějak pomohlo. Myslím, že způsob jak se naučit kódovat responsivní design, je jedině pomocí nějaké nové knihy zaměřenou přímo na toto téma. Tvoření takových webů je poměrně nová záležitost a tedy se špatně hledají dobré návody. Alespoň to je můj názor :)

Nahoru Odpovědět
13.9.2014 16:37
Musíš se mnoho učit, abys poznal, že málo víš...
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na PiskotPiskotovic
Neaktivní uživatel:13.9.2014 17:24

http://learnwebcode.com/…gn-tutorial/

Nahoru Odpovědět
13.9.2014 17:24
Neaktivní uživatelský účet
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Honza Bittner:13.9.2014 17:35

Jo, to je moc dobré video... :)

Nahoru Odpovědět
13.9.2014 17:35
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 7 zpráv z 7.