logo
13.01.2020 17:15
1
Ahojte,

planujem redizajnovat starsi web, ktory ma na desktope sirku 900px.

Chceli by sme rozsirit web na nejaku idealnu sirku, zatial sa mi najviac pozdava sirka 1100 px.

Co si o tom prosim myslite? Aka je v sucasnosti idealna sirka webu?

Vopred dakujem velmi pekne.

it47
13.01.2020 17:30
2
Můj názor amatéra je žádná šířka, responzivní design.
13.01.2020 17:35
3
Původně odeslal Pablo74
Můj názor amatéra je žádná šířka, responzivní design.
to je jasne, ze web ma byt responzivny, ja sa pytam, aka maximalna sirka webu ma byt na desktope.
13.01.2020 17:59
4
Já osobně defaultně dělám v 960px, nemám rád roztažený web po celých stranách ( header footer klidně po stranách ), není to přehledné, občas jdu i přes 1000px, ale to je podle contentu, hlavní je responsivita, google už taky preferuje mobile first webpage.
13.01.2020 18:34
5
Grafik, který mi připravuje grafiku dělá obsah webu 1200px široký.

Radek
13.01.2020 18:40
6
Pokud má mít content nějakou specifickou šířku, tak používám většinou 1100px, 1130px nebo 1200px. Nějaké UI navrhuji pro full width.

Na tuto otázku je těžké odpovědět, protože neexistuje jedna správná šíře. Kdyby byla, používá ji každý. Záleží projekt od projektu, kolik máš typografie atd. Ale 960px mi tedy přijde hodně málo v dnešní době. Už jsem dlouho neviděl nikoho navrhovat něco pro tuto šíři :D

---------- Příspěvek doplněn 13.01.2020 v 18:47 ----------

Původně odeslal pablo74
můj názor amatéra je žádná šířka, responzivní design.
:d :d
13.01.2020 18:54
7
viac pixel, viac adidas.
13.01.2020 21:16
8
nejsem uplne zastance responsivnich ... ale pevna sirka na 4K a vetsim monitoru je obcas napresdrzku :D
13.01.2020 21:39
9
no tak sa dá na 4K na 70%.. fullsize je krajne neprehľadný shit
13.01.2020 23:20
10
Většina lidí má desktop o rozlišení 1 366 px nebo 1 920 px. Takže bych se dnes snažil vyplnit co největší prostor u těch menších monitorů (šířka webu kolem 1 200 px), aby to nebylo příliš úzké na větších monitorech.

Rozlišení do budoucna jen poroste a dost často se setkávám s tím, že se šířka omezuje až někde kolem 1 600 px, což vypadá fajn na full HD monitorech a po smrsknutí na těch 1 366 px je to stále ok.

Full width je určitě také možnost, ale hodí se to jen k určitým typům webů. A i zde se to vyplatí useknout třeba na 2 560 px, protože na 4k monitoru to může být docela peklo.
14.01.2020 01:22
11
Dělat v dnešní době na 960 znamená ignorovat vývoj displejů za posledních 15 let. Doporučuji jít alespoň do 1440 px a následně řešit šířku procentuálně, třeba 80% a snižovat u větších displejů.
14.01.2020 01:30
12
1440px může být, ale zatím to není standard. Využívá se především u e-commerce UI, kde máš velké množství contentu, který potřebuješ rozdělit do sloupců (zpravidla produkty). U většiny 2k19, 2k20 UIček se stále pracuje s 1100px, 1130px, 1180px nebo 1200px. Případně se dělá ten full-width, ale i tam se většinou nastavuje max-width na nějakých třeba 2300px.

Ale s % scalováním souhlasím, to je nejlepší přístup, kterým se v dnešní době řeší front-end. Používají se Relative Units EMs a REMs nebo klidně i ty procenta.

Já mám tedy také rád širší content u webů, ale u většiny projektů je prostě strašně málo copy a to bys tu typografii musel totálně znásilnit :D
14.01.2020 01:42
13
Myslel jsem to tak, že do 1440 můžeš mít 100% šířku a pak teprve začít omezovat.
14.01.2020 02:40
14
Jo takhle. Jop.
14.01.2020 11:10
15
Já dávám 1260 px.

1) Je to dobře dělitelné.
2) Využívá prostor, ale ještě není rozkydlé.
3) Pro 1366,1680,1920 je to ideální a u 2560 a 4K scaling 1,33x a 2x, takže v CSS je to jako 1920.
4) Breakpointy: do 767 px mobil, do 1259 px tablet, od 1260 px desktop.
5) Kombinuji s full-screen (obrázky zejména) a s užšími bloky max 800 px pro samostatný text, pro pohodlné čtení.

Koukám i WebTrh má 1259 px.
14.01.2020 11:34
16
len fyi dnes uz sa nerobi na pixely ale na r/em-ka kvoli vysokemu dpi dnesnych monitorov. cize skor treba vychadzat s toho kolko pismen na riadok.
14.01.2020 12:02
17
Jednotky jsou převoditelné. 16px = 1em. Takže 800px znamená nikdy ne více než 50 em na řádek. Osobně definuji 100% font-size v pixelech a dále používám jako jednotky procenta, je to tak nejčitelnější.

CSS pixel není fyzický pixel, DPI se řeší pomocí scalingu, na telefonech klidně 4x. Např. telefon má fyzické rozlišení 2560x1440 ale CSS px šířka je 360. 1440/360 = 4.