¿Cuál es el mejor método para crear un sitio web móvil, utilizando diferentes hojas de estilo o un sitio móvil completamente separado?

La respuesta corta sería “depende”.

Usar diferentes hojas de estilo es bueno porque le permite enviar a diferentes tamaños de pantalla y plataformas con bastante facilidad. No está de más que trabajar de esta manera lo ayude a considerar su contenido y experiencia independientemente de la plataforma.

Dicho esto, diseñar un sitio específico para dispositivos móviles tiene dos beneficios claros:

El primero es el rendimiento: ocultar y escalar elementos de un solo documento que también se usa para pantallas mucho más grandes no es la forma más eficiente de enviar páginas a un dispositivo móvil.

En segundo lugar, le permite desarrollar una experiencia adaptada al contexto móvil. Esto no es válido para todos los servicios y contenidos, pero las personas tienden a no usar sus dispositivos móviles de diferentes maneras y en diferentes contextos. Raramente es el mismo comportamiento en una pantalla más pequeña.

Imho combinando ambos métodos es la mejor opción.

Mi consejo:

  • tudominio.com – detectar agente de usuario y dirigir a la versión
  • http://www.yourdomain.com – La detección de UA está desactivada, versión estándar
  • m.yourdomain.com : versión móvil para interfaces no táctiles (detección de UA para determinar qué HTML / CSS se carga para los navegadores, conociendo las diferencias)
  • touch.yourdomain.com : versión para dispositivos táctiles.

Como usuario de Internet móvil en varias plataformas (Nokia, así como Opera Mini y iPad), estoy bastante decepcionado cuando alguien (en este punto, desarrollador web) hizo
decisión para mí y hoja de estilo de control.

Quiero tener una opción parcial , lo que quiero cargar, versión móvil o normal. Puedo elegir entre m .yourdomain.com, tocar .yourdomain.com o estándar si lo deseo. Si el usuario es ‘cojo’, siempre puede elegir yourdomain.com y, gracias a UA, redirigirse a la versión óptima.

Otra buena opción sería utilizar servicios de terceros como mobify.me, donde puede elegir y elegir las partes de su sitio web que desea para un entorno móvil. Además, obtienes el control completo del CSS.

Esta solución le brinda flexibilidad y requiere relativamente poco tiempo de inversión.

Lo utilicé recientemente para mi blog (intente acceder a beirutspring.com usando un iphone o android) y estoy muy satisfecho con él.