Pautas para crear Web Móvil / Celular Hola de nuevo foreros!
He leido algunos posts aqui sobre este tema, pero los dispositivos cambian rápido y la manera de hacer las cosas, así que creo que lo mejor es plantear algunos conceptos a ver si llevo bien enfocado el tema para mi caso particular.
Pongo los dos términos de habla hispana (Movil y Celular) en el título y así creo que este mensaje tendrá más resultados en las búsquedas.
Se trata de pasar algunas seciones de una web habitual a versión móvil. En principio no es necesario compatibilidad con dispositivos antiguos. Creo que con resolverse bien en smartphones Android, Iphones, blackberrys es suficiente.
Estas son mis ideas en este momento:
- Directiva de tipo de documento: A estas alturas el uso de 'XHTML Mobile Profile' creo que no es un beneficio para mi caso, creo lo mejor será usar XHTML. O ¿Usar HTML5?
- Según he leido, basarme en un 'diseño líquido' es fundamental. Corregidme si estoy equivocado, esto sería diseñar con body width 100% y usar porcentajes para todo contenedor existente. ¿algo más?
- Aún así, siempre existirán imágenes y elementos con un ancho fijo en píxeles que nos hará pensar qué ancho elegir para que el que está pensado el diseño. ¿Correcto? Qué valor usar según mis requerimientos? Había pensado 240px o 320px de ancho ¿Qué opinais?
- Creo haber leido que es más seguro usar 'tables' para los bloques de estructura, aunque conceptualmente sea horrible.
- Y qué valores para los tamaños de fuente se recomiendan ¿pt ó em?
- Cuidado con el uso de javascript. Aunque la mayoria de los navegadores en estos dispositivos soportan jQuery Mobile con gran cantidad de funcionalidad.
http://jquerymobile.com/
Tengo dudas de cómo mostrar algunas pantallas que requeriran más ancho del mínimo. Normalmente el aspecto de la web es 'horizontal' en contra de como en es en los dispositivos móviles 'vertical'. No sé si puede hacerse que se visualice a lo 'ancho' al voltear el móvil (y que se expanda automaticamente). Supongo que solo en los smartphones con acelerometro.
Bueno, cualquier aportación será muy valiosa.
Gracias por la atención y un saludo.
