Mobilní web s pomocí nette
- .:M@rt!n:.
- Člen | 201
Ahoj,
mám web zhotovený pomocí nette a nyní bych si chtěl vytvořit jeho mobilní
verzi. Můj dotaz zní, jestli zde někde na stránkách najdu nějaké typy či
návody jak například identifikovat mobilní zařízení či prohlížeč ze
kterého se přistupuje atd. Na čisté php je na webu kupa návodů, ale
jelikož samotný web už mám v nette, rád bych v tom pokračoval.
Díky za rady
- ic
- Člen | 430
Já nevím, jestli je dobrý nápad dělat „mobilní web“ na straně serveru, přeci jen to rozlišení, jestli jde o mobil, či počítač není jednoduché, tyhle nástroje jsou nespolehlivé, navíc na mobilech je spousta různých prohlížečů… no samý problém.
Raději používám Media Queries (novinka z CSS3 – rozšíření tagu media z dob CSS2). Web, co sbírá ukázky je tu http://mediaqueri.es/ . Všechno se to tedy provozuje jen přes klienta, takže nette do toho až tak moc nezasahuje. Třeba doplněk webloader se dá dobře použít a ani nevyžaduje moc úprav.
Psali o nich na zdrojáku > http://www.zdrojak.cz/…dia-queries/ v té době ještě nebyla specifikace dokončena, ale nevšiml jsem si, že by se něco z toho nějak výrazně změnilo.
- ic
- Člen | 430
Ještě jsem si tedy vzpomněl, že jsem tvorbu mobilní verze stránek
konzultoval i s uživateli a většinou jim vadí, pokud mobilní verze nemá
všechny funkce, co skutečný web a musí stejně přepínat na „plnou“
verzi. To je zase bod pro media queries, kde vlastně vezmu celý web… občas
něco málo schovám do display:none
, pokud to v mobilní verzi
není potřeba, ale ty funkce příliš neubírám.
Je to rychlejší, než dělat mobilní verzi na vlastní subdoméně.
No a když se použije více link rel="stylesheet"
a ty se dobře
naskládají, tak je to i datově výhodné, protože mobil vůbec nestahuje
css-ka pro PC, tablet, či kolik těch verzí vlastně udělám.
- Jirda
- Člen | 103
Přesně tak. Jak už bylo řečeno výše, mobilní verze je především o html, css a případně js. Když budeš mít šikovně navrženou tuhle část, tak můžeš de facto jen prostřednictvím šikovně napsaného css zobrazovat web pro všechna možná zařízení s minimem práce. Pokud by tě to zajímalo více, možná by tě mohl zaujmout Responsive Design (https://cs.wikipedia.org/…D_web_design) a také třeba i různé frameworky, které se snaží s tímto pomoci. Nejznámější je asi Bootstrap od Twitteru (http://twitter.github.com/bootstrap/).