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

Tvůrce

Zobrazeno 7 zpráv z 7.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
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.
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íš
Š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ý
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
Zobrazeno 7 zpráv z 7.