Sitios Web de programación para dispositivos móviles

Question

Tengo curiosidad por cómo hacer que un dispositivo móvil sitio web amigable .. ¿Cuáles son las mejores dimensiones y cómo puedo hacer que la cifra sitio web determinar si están o no en un dispositivo móvil. También ¿Qué necesito para limitar en mi diseño y la codificación para hacer que las páginas de saltos más libre y una carga más rápida ...

Answer 1

En realidad, hay dos grandes escuelas aquí y que depende de su público:

Si estamos hablando acerca de los navegadores móviles actuales, la mayoría del mercado está utilizando navegadores con todas las funciones como en el iPhone, variantes Android, Palm Pre, etc. Estos pueden manejar cosas como JavaScript y CSS moderno complejo. Para esta gente, que desea principalmente para centrarse en cosas como la racionalización de diseño para muy limitadas página anchos (> 800px), reduciendo al mínimo la cantidad de datos que necesita para cargar (ya que las conexiones móviles pueden ser muy lenta), y la optimización de los tamaños de fuente y Hoja de alturas para la legibilidad.

Sin embargo, en el mundo en desarrollo (África, América del Sur, partes de Asia) la navegación móvil es entonces A) extremadamente importante, y B) a unos 5-10 años atrás en la capacidad del hardware. Internet móvil es un medio importante para la obtención de información en esas áreas, pero que realmente necesita ser escrito en HTML como si fuera 1999 (menos las tablas, por supuesto). Mantener su margen de beneficio muy limpia y muy simple, limitar cualquier estilo de lujo, y no se basan en JavaScript, Flash o cualquier otra cosa.

Para ese tipo de audiencia, usted debe estar muy preocupados con lo que su página se ve como sin cualquier hoja de estilo aplicada. El marcado semántico es el rey. Por supuesto, usted será capaz de diseñarlo, pero que sea el mínimo posible.

La esperanza que ofrece algunas ideas básicas.

Answer 2

Es posible echar un vistazo a la Iniciativa de Web Móvil W3 . Tienen muchas mejores prácticas, así como algunas buenas herramientas, como la Mobile Web Validador .

Answer 3

Para hacer interfaz de usuario amigable, le sugiero que usar jQuery Mobile .