| Autor | Zpráva | ||
|---|---|---|---|
| návštěvník Profil * |
#1 · Zasláno: 17. 10. 2014, 15:43:46
Zdravím, potřebuji navrhnout responzivní web. Přemýšlím nad 1140px grid systémem (http://www.1140px.com/). Nevím ale jestli je to dobrá volba?
Rád bych také věděl jaký grid používá bootstrap? Děkuji |
||
| Str4wberry Profil |
#2 · Zasláno: 17. 10. 2014, 17:26:43
Bootstrap podle všeho používá maximální šířku 1170 px.
Osobně mi ideální nepřijde ani jedno. V ideálním případě by web měl mít šířku sloupců v procentech, aby se přizpůsoboval neustále, ne jen při poskočení na určitý break point. |
||
| návštěvník Profil * |
#3 · Zasláno: 17. 10. 2014, 18:25:06
Hm, ale těžko navrhnout něco takového v procentech v photoshopu.
|
||
| Kcko Profil |
#4 · Zasláno: 17. 10. 2014, 20:21:34
návštěvník:
V photoshopu si to navrhni v procentech. Při kódování si obalový wrapper webu nastavíš jako max-width: 1000px (třeba, resp. tak jak sis to nakreslil) a pak šířky sloupců nastavíš v procentech. Není v tom žádná věda. |
||
| návštěvník Profil * |
#5 · Zasláno: 17. 10. 2014, 23:31:02
Aha ok, díky. Stejně ale asi bude potřeba nastavit i nějaké breakpointy ne? Třeba u mobilů atd. Některé prvky se zobrazí trochu jinak, jinde. Navigace se třeba změní na menší tři proužkové burger menu atd. Tam bude potřeba nastevit nějaké breakpointy, aby se vědělo kdy dochází k jakým změnám ne?
|
||
| Kcko Profil |
#6 · Zasláno: 18. 10. 2014, 10:03:58
návštěvník:
Samozřejmě jsem napsal kus blbosti. V Photoshopu si to navrhneš samozřejmě v px. Ano BP si nastavíš (to jestli obecné, viz http://responsinator.com/ nebo svoje vlastní je na Tobě, já se řídím tím, kdy se prvky nevejdou na stránku a dle toho PB nastavím. Pokud je to třeba 911px, tak nastavím nejbližší rozumné číslo => 900px). Celý princip responsivní spočívá v tom, že prvky skládáš na stránku tak aby se tam vešly (skládáš je vedle sebe, pod sebe, roztahuješ, nebo zcela vyhazuješ pokud se nevejdou). Hraješ si defakto na UXáka. |
||
| návštěvník Profil * |
#7 · Zasláno: 18. 10. 2014, 12:08:36
Díky za odpověď.
Mám k tomu ještě jednu otázku. Když např. na desktopu budu mít na pozadí nějaký obrázek, ale na tabletu chci třeba jiný (mírně upravený kvůli displeji) a na telefonu už třeba jen přechod, nebo čistou barvu, je to problém? Teoreticky asi ne, ale nebude to náročné na data? Stahují se ty obrázky i na telefonu, i když se nakonec nezobrazí? |
||
| Str4wberry Profil |
#8 · Zasláno: 18. 10. 2014, 15:26:53
Nepoužitý
background obrázek se nestahuje, takže když velký obrázek nastavíte až od určitého rozlišení, tak se daty plýtvat nebude.
Obrázek vložený značkou <img> je naopak dost krkolomné přemlouvat, aby se zbytečně nenačetl.
|
||
|
Časová prodleva: 10 let
|
|||
0