Samostatná mobilní verze:
Výhody
- Možnost sestavit speciální šablonu, vyčištěnou od různého balastu
- To se týká i formátování, umístění a formátu navigace atd.
Nevýhody
- Duplicita
- Dvojí práce s aktualizací a správou dat!
Responzivní web:
Výhody
- Jeden web - jeden zdroj dat.
- Přizpůsobení se dané velikosti obrazovky - nemusím mít nutně iPhone, abych si to vychutnal, stačí mi poloviční velikost stránky, když potřebuji třeba něco porovnávat s druhou stránkou - hle, žádné hejbátka, táhla, scrollbary, chcete-li.
Nevýhody
- Datová velikost (stále stahujete stejnou havěť, jako na desktopu) a věřte mi, stahovat na mobil 4 MB stránku je fakt paráda.
- Větší pracnost při vývoji, pokud nevycházíme z nějaké univerzální šablony - nutno testovat při různých velikostech, jestli vše šlape tak, jak má.
- Ne vždy je vhodné měnit šířku obsahu - což se dá ale obejít přes min-width.
Existuje kompromis?
Já jeden našel. Samozřejmě tyto dva přístupy zamíchat a vymačkat z nich to nejlepší. Stačí mi k tomu tyto ingredience:
- CMSko, které podporuje implementaci detekce mobilu (to jenom pro automatizaci), v mém případě open-source favorit ModX
- Plugin pro ModX: Auto Image Resizer, který generuje obrázky dle aktuální šířky (tzn. výchozí obrázek je klidně 1800x1200, ale pokud na něj čumím na desktopu, smrskne se na šířku 500 - zde důležité - datově!
- Dvě verze od každé šablony (nejčastěji titulní stránka, běžná strana...)
Výsledkem tohoto mixu je:
- Web, který zobrazí mobilní verzi automaticky,
- Mobilní verze stahuje pouze nejnutnější
- Obrázky vykresluje 1:1 dané šířce obrazovky (pokud máme nastavenou relativní šířku)
- Jeden zdroj dat - žádná duplicita obsahu
- Když budu chtít být hodně cool, tak ještě využiji jQuery Mobile a mám vystaráno
No a hurá s tím do televize :)
Máte lepší nápad, jak pořešit zobrazování webu na jakýchkoliv zařízení při minimalizaci nevýhod a při co nejmenším čase? Sem s nimi...
Tyyy vole, Dyma se rozjel :-)
OdpovědětVymazat