» Poradna » Web a internet

Tvorba webu

 |   |  Microsoft Windows 7 Chrome 32.0.1700.76

Ahoj,dělám teď stránky, konkrétně plánuju celkový layout. Původně jsem to chtěl v CSS nastavovat přes procenta, ale zjistil sem, že to neni moc praktický, kolikrát se to pak celý rozhází a tak sem se rozhodl pro fixní velikosti. Tu stránku chci udělat tak, že hlavní div nastavím na určitou šířku, čili se to na hodně širokých monitorech nebo monitorech s velkým rozlišením nebude zobrazovat úplně na celou šířku, ale koneckonců takhle je dneska děláno hodně webů včetně živě. Moje otázka ale teď zní, kolik je podle vás dneska takový standard rozlišení? Totiž abych předešel tomu, že zas nastavím tu šířku moc velkou a někomu se to bude pak zobrazovat s posuvníkem vlevo/vpravo, to bych nechtěl. Je to už celkem dlouho co jsem nějaký ten web dělal, dřív často, ale teď už několik let ne a vůbec nevím, co je tak dneska standardem. Já osobně mám 27' monitor Full HD 1920x1080, ale je mi jasný, že tohle většina laptopů určitě ještě pořád nemá a zas nevím jestli třeba pořád ještě brát v potaz třeba 800x600 apod., dneska navíc se to komplikuje mobilama atd., pro ty mám trochu jinou verzi responzivního designu, ale myslím, že i tam už to rozlišení šlo docela nahoru.¨A teď ke konkrétním dotazům. Byl bych rád, kdyby mi třeba někdo kdo taky dělá weby napsal, jestli má k dispozici nějaké statistiky svých uživatelů, jaké je tak dneska optimální rozlišení, dál případně jestli třeba jsou někde dostupné nějaké statistiky (já jsem našel, ale to jsou všechno zahraniční a nebo tady na živě a ani jedno není reprezentativní vzorek ČR).Dál bych se ještě chtěl zeptat zda má smysl optimalizovat pro prohlížeče - respektive zajímá mě IE. Ostatní tam se dá předpokládat, že maji lidi nejnovější verzi (Chrome, Opera, FF), ale u IE je pořád problém, že třeba na XP nejnovější nepojede. Takže jestli má smysl navrhovat to pro starší verze, případně jak staré.A poslední věc, trochu mimo, máte někdo zkušenosti s CSS gridy? Doporučili byste jejich Ukázat celý příspěvek

Mohlo by vás také zajímat

Odpovědi na otázku

 |   |  Microsoft Windows 7 Firefox 24.0

Tak si najděte na googlu nejpoužívanější rozlišení monitorů, které uživatelé mají a podle toho nastavte šířku stránky :) . Nebo už rovnou můžete zkusit responzivní technologii, kterou využívá např český seznam :) . Respektive stránka se optimalizuje i na mobilní rozlišení když bude třeba.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Chrome 32.0.1700.76

Něco jsem našel, nastavím to na max-width 1200px, na mobily/tablety mám jinou verzi, responzivní to bude, zajímaly mě PC. Holt 800x600 už budu brát jako na PC nepoužívanou, otázka je co to IE, případně ty gridy jetli někdo doporučujete,

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Chrome 32.0.1700.76

Podívej se například sem http://designscrazed.com/best-responsive-css-frame... jedná se o výběr asi nejčastěji používaných frameworků pro responzivní design www stránek. To znamená, že je tam spousta věcí už nachystaná a hlavně odladěná, takže nemusíš vymýšlet svou vlastní cestu, protože je to možná zbytečné. Některé jsou jednoduché až primitivní, jiné zase složitější, záleží na potřebách.Samozřejmě si to můžeš udělat podle sebe, ale ve velké části případů je fakt lepší využít už nějaký hotový framework, většinu z nich můžeš samozřejmě přizpůsobit svým potřebám, aby sis nemyslel, že to pak bude vypadat stejně.

Souhlasím  |  Nesouhlasím  |  Odpovědět

Související témata: Statistiky, Poslední věc, Reprezentativní vzorek, Vzorek


Určitě si přečtěte

Testy procesorů Ryzen 5000: AMD překonalo Intel ve všech směrech

Testy procesorů Ryzen 5000: AMD překonalo Intel ve všech směrech

** AMD začalo prodávat nové procesory Ryzen 5000 s architekturou Zen 3 ** K dispozici jsou nezávislé testy z celého světa ** AMD překonává Intel ve všech směrech

Karel Javůrek | 69

Karel Javůrek
ProcesoryTestyAMD
Nejlepší příslušenství k počítači. Tipy na osvědčené klávesnice, tiskárny, routery…

Nejlepší příslušenství k počítači. Tipy na osvědčené klávesnice, tiskárny, routery…

** Tipy na užitečné příslušenství k počítačům ** Poradíme, s jakými produkty neuděláte chybu ** Některé z věcí mohou být dobrými vánočními dárky

David Polesný, Stanislav Janů | 20

David PolesnýStanislav Janů
Příslušenství
Velký den pro Apple: Uvedl tři nové Macy s vlastním procesorem M1
Lukáš Václavík
PočítačeApple
Nejlepší herní notebooky a pracovní stroje: Když máte více než 20 tisíc

Nejlepší herní notebooky a pracovní stroje: Když máte více než 20 tisíc

** Když máte na notebook více než 20 tisíc korun, odpadají kompromisy ** Notebooky na práci dostávají tenká kovová těla a styl ** Herní notebooky zvládnou i nejmodernější hry v plné kvalitě

David Polesný | 45

David Polesný
Notebooky
Google chystá funkci, která z chytrého Gmailu udělá hloupý Gmail
Lukáš Václavík
SoukromíGmailGoogle
Micro:bit V2: Tuto destičku plnou čipů dokáže naprogramovat i vaše babička

Micro:bit V2: Tuto destičku plnou čipů dokáže naprogramovat i vaše babička

** Chcete se teď hned naučit programovat čipy? ** Nechcete nic instalovat a číst zdlouhavé manuály? ** Naprogramujeme si Micro:bit, který zahraje Tichou noc

Jakub Čížek | 34

Jakub Čížek
Pojďme programovat elektronikuProgramování pro děti
10 míst na mapách Googlu, která nesmíte vidět. Nahradily je čtverečky

10 míst na mapách Googlu, která nesmíte vidět. Nahradily je čtverečky

** Deset míst, které nesmíte vidět ve webových mapách ** Jsou to letiště, základny i elektrárny ** Nejvíce míst tají Francie

Jakub Čížek | 21

Jakub Čížek
Mapy GoogleMapy
Vybrali jsme 12 programovatelných hraček a stavebnic pro děti a jejich rodiče

Vybrali jsme 12 programovatelných hraček a stavebnic pro děti a jejich rodiče

** Získejte děti pro matematiku a základy techniky ** Kupte jim hračku nebo stavebnici, které vdechnou vlastní život ** Vybrali jsme stavebnice pro malé caparty i budoucí experty

Jakub Čížek | 10

Jakub Čížek
Stavebnice
Uživatelé hlásí problémy s jednou z listopadových záplat pro Windows 10
Karel Kilián
Windows UpdateAktualizaceWindows 10

Aktuální číslo časopisu Computer

Jak prodloužit výdrž notebooku

Velké testy: gamepady a inkoustové tiskárny

Důkladný test Sony Playstation 5