Diskuze: Responsibilní design

HTML a CSS HTML a CSS Responsibilní design American English version English version

Avatar
PiskotPiskotovic
Redaktor
Avatar
PiskotPiskotovic:

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
Odpovídá na PiskotPiskotovic
Michal Žůrek (misaz):

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  +1 26.7.2014 19:56
Nesnáším {}, proto se jim vyhýbám.
Avatar
Jan Demel
Redaktor
Avatar
Odpovídá na PiskotPiskotovic
Jan Demel:

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
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
PiskotPiskotovic:

Š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
Odpovídá na Jan Demel
Jiří Šedý (jsedy7):

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
Samuel Illo
Redaktor
Avatar
Nahoru Odpovědět  +2 13.9.2014 17:24
www.samuelillo.com; lamka02sk(zavináč)samuelillo.com, www.point.samuelillo.com, www.csgorig.eu
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Samuel Illo
Honza Bittner:

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

Nahoru Odpovědět 13.9.2014 17:35
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
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.