Tengo curiosidad por saber cómo hacer que un dispositivo web sea amigable ... ¿cuáles son las mejores dimensiones y cómo hago que el sitio web sepa si están o no en un dispositivo móvil? también, ¿qué necesito para limitar mi diseño y codificación para que las páginas estén más libres de fallas y se carguen más rápido ...Programación de sitios web para dispositivos móviles
En realidad, hay dos grandes escuelas aquí y que depende de su audiencia:
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 complejo y css moderno. Para esta multitud, lo que desea es enfocarse principalmente en la simplificación del diseño para anchos de página muy limitados (> 800px), minimizar la cantidad de datos que necesita cargar (ya que las conexiones móviles pueden ser muy lentas) y optimizar los tamaños de fuente y alturas de línea para legibilidad.
Sin embargo, en el mundo en desarrollo (África, América del Sur, partes de Asia), la navegación móvil es A) extremadamente importante, y B) 5-10 años atrás en capacidad de hardware. Internet móvil es un medio importante para obtener información en esas áreas, pero realmente necesita escribir HTML como si fuera 1999 (menos las tablas, por supuesto). Mantenga su marcado muy limpio y muy simple, limite cualquier estilo elegante, y no confíe en javascript, flash o cualquier otra cosa.
Para ese tipo de audiencia, debe estar muy preocupado por cómo se ve su página sin hoja de estilos aplicada. El marcado semántico es el rey. Por supuesto, podrás diseñarlo, pero mantenlo lo más bajo posible.
Espero que ofrezca algunas ideas básicas.
Puede echar un vistazo al W3 Mobile Web Initiative. Tienen muchas mejores prácticas, así como algunas buenas herramientas como el Mobile Web Validator.
Para que la interfaz sea fácil de usar, le sugiero que use jQuery Mobile.