Diseño web para móviles
- Introducción a la web móvil
- Diseñando para la web móvil por Sitepoint (en inglés)
- Tendencias de diseño en la web móvil para el 2009 por Smashing Magazine (en inglés)
Usabilidad
- 7 reglas para la usabilidad en sitios web móviles (en inglés)
- Mobile usability por Jakob Nielsen’s Alertbox (inglés). Una lista de los principales problemas de usabilidad al desarrollar webs para móviles.
Análiticas para webs móviles
webkit mobile (iPhone/iPod Touch/Android)
- iUI – Kit de desarrollo web basado en el estilo de iphone. Incluye CSS y Javascript
- webkitMobile.dojo – Adaptación de Dojo optimizada para webkit en móviles (safari, android, etc)
- jQuery iPhone – Extensión para jQuery para manejar algunos eventos de Safari para iPhone
- jQTouch: Un plugin para jQuery que incluye animaciones, listas de navegación y permite simular el estilo de las aplicaciones de iPhone, G1 (Android) y Palm Pre. Más información, en inglés, en Ajaxian: jQTouch: a mobile WebKit JavaScript framework
Emuladores
Emuladores para móviles
- Android SDK: El kit de desarrollo de Android (SDK) incluye un emulador bastante completo del sistema operativo, incluyendo el navegador web (basado en webkit).
- iBBDemo: Emulador de iPhone para Windows. Requiere Safari instalado para funcionar.
- Fennec: Navegador web para móviles desarrollado por Mozilla, actualmente como una versión en desarrollo para crear una versión móvil de Firefox.
Emuladores para móviles en internet
- Opera Mini simulator: Simulador de Opera Mini en línea.
- iPhoney: Emulador de iPhone/iPod Touch.
- dotMobi emulator: Emulador de móviles Nokia N70 y Sony Ericsson k750.
Validadores
- Ready.mobi. Es un validador sitios web móviles, además de validar incluye revisión de buenas prácticas y meustra un puntaje de 1 a 5 sobre tu sitio web mostrandote que tan cerca estas de obtener un sitio web ideal para móviles.
- W3C mobileOK Checker. Validador oficial de la W3C para sitios web móviles, basado en las pruebas de MobileOk para crear sitios web amigables con los móviles (mobile-friendly).
Plugins para blogs
- Plugins para wordpres para hacer tu blog compatible con móviles: Revisión de dos plugins para ofrecer una versión móvil de tu blog en WordPress.
Dominios
- Dominios Mobi: Información general acerca de los dominios .mobi y cómo funcionan.
Herramientas
En la categoría Herramientas del blog puedes encontrar más herramientas útiles para el desarroll web móvil.
3 respuestas a “Recursos de diseño para web móvil”
Hola.-Disculpa la moletia, pero me podrias dar un Consejo.-?
Actualmente estoy buscando un proyecto de tesis.. xD, mi universidad en Informatica siempre hacen un sistema de inventario, software educativos, paginas web.. Etc. Leyendo tu blog se me ocurrio hacer un sitio web movil.. para poder consultar las notas de la uni por movil, mi pregunta es si me podrias aconsejar como hacerlo. O que deberia proponer en la tesis.? — Adaptar la pagina de la uni a los moviles? o solo crear un sitio web movil, donde tener acceso a las notas? Por Favor ten en cuenta que mis profesores. Todos me aconsejaron que abandonara semejante idea, ni ellos cuentan con el conocimiento, mi deseo es aprender, e innovar un poco mas. Asi como estar un pokito a la par de lo nuevo..xD
Esperando tu respuesta..
Gracias.. y Disculpa la molestia..xD
Hola Gloria, te recomiendo que leas el artículo Introducción a la web móvil. Es un buen comienzo para saber si necesitas o no, una web móvil
Gracias el tema del blog esta muy super interesante para quienes estamos interesado en la creación de una versión móvil de nuestras bitácoras.
La movilidad es un aspecto importante hoy en día, con la grande cantidad de dispositivos móviles en circulación en todo el mundo.
Gracias!
Att:
Lic Manuel Santana