Avatar
Vetoa
Člen
Avatar
Vetoa:

Ahoj,
chtěl bych se zeptat, jestli by nějak šel udělat web, který se bude zobrazovat na jakémkoliv monitoru (velikosti). Protože když nastavim například u <aside> height 1000px tak by se to zobrazovalo vždy na 1000px... Nešlo by nějak udělat aby se vždy přizpůsobil velikosti monitoru?
Díky za případnou pomoc :-)

 
Odpovědět 1.1.2014 18:54
Avatar
Marek Z.
Redaktor
Avatar
Marek Z.:

S nějakým příkladem by se pomáhalo lépe..

Ukaž co zatím máš.

Nahoru Odpovědět 3.1.2014 10:02
Chybami se člověk učí, běžte se učit jinam!
Avatar
David Procházka:

Tohle jsem už řešil a použil jsem na to javascript. Při každé změně výšky stránky mi to přepočítá a nastaví velikost. Pokud, ale potřebuješ nastavit width tak se to dá dělat přes %.

 
Nahoru Odpovědět 3.1.2014 10:09
Avatar
Anaver
Člen
Avatar
Anaver:

Asi máš na mysli Responzivní web design. Pokud jsem tě dobře pochopil :D Mrkni například na wiki, je tam aspoň základní popis toho, co to je.

 
Nahoru Odpovědět 3.1.2014 10:16
Avatar
Peco
Člen
Avatar
Odpovídá na David Procházka
Peco:

Ak má uživateľ vypnutý javascript, tak si skončil :)
Lepšie je použiť responzívny design.

Nahoru Odpovědět 3.1.2014 10:30
Každý deň vstávam, aby som sa niečo nové naučil.
Avatar
done
Člen
Avatar
Odpovídá na Vetoa
done:

šířku v CSS budeš uvádět v procentech a výšku si zjistíš pomocí JS. Pro mobilní zařízení už se dělá optimalizace pomocí media queries

 
Nahoru Odpovědět  ±0 3.1.2014 10:32
Avatar
Odpovídá na Peco
David Procházka:

Kdo by si ho v dnešní době interaktivních webových stránek vypínal? "Stejně výšku jinak neuděláš..."

Editováno 3.1.2014 10:38
 
Nahoru Odpovědět  -3 3.1.2014 10:38
Avatar
Peco
Člen
Avatar
Odpovídá na David Procházka
Peco:

Výšku nadefinuješ pomocou percent, prípadne nadefinuješ pomocou css pre jednotlivé rozlíšenia ak je požiadavka mať pevnú výšku pre niektoré zariadenie.

Tiež možeš takto meniť design menu či usporiadať rozloženie div-ou

Nahoru Odpovědět 3.1.2014 10:54
Každý deň vstávam, aby som sa niečo nové naučil.
Avatar
Odpovídá na Peco
David Procházka:

Ano, když bude mít parent nastavenou pevnou výšku tak to půjde.

 
Nahoru Odpovědět 3.1.2014 11:06
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na David Procházka
Jiří Gracík:

Nikoliv, stačí mu procenta, jak už bylo řečeno. Nastaví elementu výšku na 100% a hotovo (pokud je celková výška body menší než výška okna, pak musí nastavit minimální výšku 100% i pro body). Ale s JavaScriptem souhlasím. Ti, kteří ho nemají zapnutý, jsou buďto paranoidní, nebo používají něco, co JavaScript vůbec nepodporuje, což už nemá smysl skoro řešit.

Nahoru Odpovědět 3.1.2014 11:39
Creating websites is awesome till you see the result in another browser ...
Avatar
Kit
Redaktor
Avatar
Odpovídá na Jiří Gracík
Kit:

Když jsem měl starý notebook, tak jsem měl vypnutý Javascript třetích stran. Je to velmi užitečné, ušetřilo to spoustu RAM a stránky fungovaly.

Nahoru Odpovědět  +1 3.1.2014 12:05
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Odpovídá na Jiří Gracík
David Procházka:

A už jsem si toho všiml, dávál jsem height na 100% jen k body, ale je potřeba ji dát i k html:

html, body {height:100%}

OK, jde to i v CSS. ;)

 
Nahoru Odpovědět 3.1.2014 13:37
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

Každý správně napsaný web by měl fungovat jak s JS, tak i bez něho.
Pokud to bez něj nefunguje a web se rozpadne tak něco je špatně.

Nahoru Odpovědět 3.1.2014 14:19
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Honza Bittner
David Čápka:

Upravil bych to spíše tak, že by měl zůstat čitelný. Když si někdo vypně JS, tak musí počítat s tím, že mu v dnešní době polovina věcí nebude fungovat. Web se nesmí rozpadnout, ale určitě se nemusí řešit nějaké náhradní zobrazení za widgety a podobně, to můžeš rovnou ladit weby tak, aby fungovaly bez CSS nebo v IE 6.

Nahoru Odpovědět 3.1.2014 14:23
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Kit
Redaktor
Avatar
Odpovídá na David Čápka
Kit:

K tomu slouží tagy <noscript>. Někteří tvůrci význam tohoto tagu pochopili chybně a strkají do něj stupidní hlášky typu "Nemáte zapnutý Javascript" apod. Přitom se do toho krásně dá strčit žrádlo pro Googla, aby lépe zaindexoval stránky a náhradní web pro ty, kteří mají Javascript skutečně vypnutý nebo mají prohlížeč bez Javascriptu.

Nahoru Odpovědět  +1 3.1.2014 14:32
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na David Čápka
Honza Bittner:

Jo, jasně. Tak jsem to myslel.

Prostě obsahově musí zůstat neporušený. A také samozřejmě aby se díky tomu nerozsypal design...

Nahoru Odpovědět 3.1.2014 14:33
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 16 zpráv z 16.