Responzivní design - kódovat mobile-first? rubrika: Kódování: HTML

5 Stalky
položil/-a 17.1.2014

V poslední dnech jsem trochu konzultoval toto téma s pár lidma a vesměs mi z toho vznikl výsledek "tvrzení proti tvrzení".

Jak to máte vy, co si myslíte, že je lepší a hlavně proč?

odkaz
Anonym
odpověděl/-a 18.1.2014

Mě osobně se technika "mobile-first" líbí z důvodu, že potom nemusím negovat některá css pravidla. Proto základní verze se zobrazí vždy tak aby byla čitelná a směrem k desktopu se design zesložiťuje pomocí dalších pravidel. Důležité je také vhodně zvolit breakpointy pro jednotlivá rozlišení.

Komentáře

  • 1ubos : Nemůžu souhlasit ve věte: "Důležité je také vhodně zvolit breakpointy pro jednotlivá rozlišení.". Mít nastavené breakpointy na jednotlivé zařízení je pasé. Tohle fungovalo dřív, když bylo "několik málo" zařízení. Dneska se na rozlišení konkrétního zařízení nehraje. Každý layout by měl mít svoje breakpointy v místech kde je zrovna potřebuje. Doby, kdy se pevně stanovily breakpointy ve stylu "Large Display: 1200px", "Default: 980px", "Tablet: 768px", "Mobile: 480px" apod. jsou už dávno pryč. Takže dneska: There is no breakpoint! — 24.1.2014
  • kaktuss : 1ubos: "Takže dneska: There is no breakpoint!" Ale no, sranduješ? V jednej vete napíšeš, že každý layout by mal mať svoje breakpointy tam, kde ich potrebuješ a v ďalšej si protirečíš, že dnes nie sú žiadne. A @media... je čo? Akurát, že je modernejšie určovať ich v "em", ale to je skôr vec pohľadu. Foundation framework používa výhradne em, twitter bootstrap zase px, niektoré weby to kombinujú (napr. css-tricks.com). Okrem toho pri vhodne zvolených breakpointoch sa trafíš takmer do každého zariadenia. — 25.1.2014
  • Stalky : Jak se to vezme. Podle mě by se měl dělat web fluidní, a jakmile už se něco "kazí" měl by se přidat breakpoint. + My to děláme tak, že přidáme dva všeobecné breakpointy, kde například shodíme grid. — 26.1.2014
  • kaktuss : Stalky: Jasné, aj to je cesta, ale aj v tom prípade tiež používate breakpointy. Pokiaľ nerobíš totálne minimalistický web, bez breakpointov sa jednoducho nezaobídeš. Možno by bolo fajn, keby 1ubos doložil svoje tvrdenie webom alebo nejakým css frameworkom, ktorý je plne responzívny, nemá breakpointy a nie je minimalistický. — 26.1.2014
  • Stalky : Jasně, breakpointy dáváme vždy :) — 26.1.2014
  • Anonym : Osobně si myslím, že nejde web řádně bez breakpointů udělat - minimálně 1 zde bude určitě a to je např. vypnutí gridu, optimalizace navigace, .... — 26.1.2014
  • 1ubos : kaktuss: Myslel jsem to přesně tak jak psal Stalky. Samozřejmě, že to není myšleno doslova ve smyslu, že tam žádný breakpoint nebude :D Jde o to, aby to nebylo stanovené dle těch zařízení (mobile, tablet, desktop nebo small, medium, large apod.), ale breakpoint se vkládal do míst, kde je zrovna potřeba. — 27.1.2014
  • 1ubos : Václav Pávek: Těch "breakpointů" bys tam měl mít tolik, kolik jich je třeba.. — 27.1.2014
  • Anonym : @1ubos: jasně, psal jsem minimálně... — 27.1.2014

Pro zobrazení všech 5 odpovědí se prosím přihlaste:

Rychlé přihlášení přes sociální sítě:

Nebo se přihlaste jménem a heslem:

Zadejte prosím svou e-mailovou adresu.
Zadejte své heslo.

Aktuální otázky v rubrice Kódování: HTML

Otázky uživatele Stalky