Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
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: Web s přizpůsobitelným rozlišením

Aktivity
Avatar
Neaktivní uživatel:1.1.2014 18:54

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
Neaktivní uživatelský účet
Avatar
Uživatel sítě :3.1.2014 10:02

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

Člen
Avatar
:3.1.2014 10:09

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:3.1.2014 10:16

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
Peco:3.1.2014 10:30

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 Neaktivní uživatel
done:3.1.2014 10:32

šíř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
3.1.2014 10:32
Avatar

Člen
Avatar
Odpovídá na Peco
:3.1.2014 10:38

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.1.2014 10:38
Avatar
Peco
Člen
Avatar
Odpovídá na
Peco:3.1.2014 10:54

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

Člen
Avatar
Odpovídá na Peco
:3.1.2014 11:06

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

 
Nahoru Odpovědět
3.1.2014 11:06
Avatar
Odpovídá na
Neaktivní uživatel:3.1.2014 11:39

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
Neaktivní uživatelský účet
Avatar
Kit
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Kit:3.1.2014 12:05

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
3.1.2014 12:05
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar

Člen
Avatar
Odpovídá na Neaktivní uživatel
:3.1.2014 13:37

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
Tvůrce
Avatar
Honza Bittner:3.1.2014 14:19

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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Honza Bittner
David Hartinger:3.1.2014 14:23

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
You are the greatest project you will ever work on.
Avatar
Kit
Tvůrce
Avatar
Odpovídá na David Hartinger
Kit:3.1.2014 14:32

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
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
Tvůrce
Avatar
Odpovídá na David Hartinger
Honza Bittner:3.1.2014 14:33

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
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 16 zpráv z 16.