it-swarm-eu.dev

Navrhování pro IPad

Chtěl bych, aby byl můj web přístupný (např. Plně použitelný) prostřednictvím IPad.

Co musím udělat?

2
George Stocker

Obecně řečeno (err ... psaní) vše, co musíte udělat, je zaměřit se na HTML 5 a Safari Specifická CSS3 pravidla, vytvářet přechody, stíny, atd ...

Přidejte nějaké specifické značky zařízení Apple jako

<meta name="Apple-mobile-web-app-capable" content="yes">
<meta name="Apple-mobile-web-app-status-bar-style" content="black">
<meta name = "viewport" content = "width = device-width">

nezapomeňte, že můžete použít css v horizontálním režimu a jiné ve vertikálním režimu

<link rel="stylesheet" media="all and (orientation:portrait)" href="css/portrait.css"> 
<link rel="stylesheet" media="all and (orientation:landscape)" href="css/landscape.css"> 

pokud chcete, mimochodem, vytvořit nativní vizuální podobu, doporučuji vidět JQtouch a Sencha

mějte na paměti , že některé události v dotykovém zařízení neexistují, například „click“ (i když tato většina časů prostě funguje dobře), „mousehover ", atd ... JQTouch a Sencha jsou již nakonfigurovány tak, aby vám poskytovaly událost" klepnutí "a mouchy více událostí Apple Specifická zařízení.

5
balexandre

Existuje skvělý online nástroj pro vytváření webového designu zaměřeného na iPad:

ipadpeek.com

Poskytuje online emulátor iPad/Safari v plné velikosti.

4
Gary.Ray

Vřele doporučuji mít skutečné zařízení pro testování vašich stránek, jak se vyvíjíte.

3
Oren Hizkiya

Podívejte se na tento článek; Jedná se o pěknou techniku ​​pro rozvržení tekutin, díky které bude váš web vypadat skvěle na iPadu, 30 "monitoru a dokonce i na vašem iPhone;) http://www.alistapart.com/articles/responsive-web-design/

1
D4V360

IPad primárně používá prohlížeč Safari - nebo alteast jeho vlastní verzi, takže ujistěte se, že to funguje, že je dobrý výchozí bod, pokud nemáte zařízení, které by to otestovalo, pak nejprve zkontrolujte normální safari. Odtud byste měli mít možnost najít simulátor.

Ostatní mobilní prohlížeče si lze stáhnout jako aplikace, vím, že opera má hity vlastní aplikace pro prohlížení, také firefox si právě uvědomil první verzi, i když v tuto chvíli pouze na Nokia.

0
Lizard

Protože prohlížeč Safari v iPadu je nejvyspělejší prohlížeč v obecné distribuci, můžete využít všechny nejnovější techniky CSS3 a HTML5, aniž byste museli hackovat podporu starších prohlížečů, které nespouštějí standardy.

0
Dan Gayle