google android training professionals

Oficial Google Android training

Google ha presentado una nueva sección para los Android Developers. En ella se podrán obtener las mejores prácticas, artículos, código de ejemplo y tutoriales para el desarrollo de aplicaciones y funcionalidades en Android (el sistema operativo de Google para teléfonos móviles y tablets). Algunos temas que me han llamado la atención: Android: Mejora del rendimiento […]

Modificar el user agent en Chrome y Firefox

El user-agent es la cadena de texto que identifica el modelo de nuestro navegador. En ocasiones es interesante modificarlo para hacerlos pasar por otro navegador y comprobar cómo reacciona el servidor (por ejemplo, para comprobar cómo se sirve una web si el usuario se conecta desde un iphone, desde un firefox en linux o con […]

Accesibilidad en teléfonos móviles. Guía de INTECO

Interesante guía de accesibilidad en teléfonos móviles de INTECO (PDF – 1MB). El documento recoge un conjunto de consejos interesantes y sobretodo en un lenguaje más accesible que las Mobile Web Best Practices (si bien estas son indispensables). También explica en la introducción las diferentes asociaciones y organizaciones que están detrás de los últimos intentos […]

WordPress y Mobile OK

Hoy ha sido un entretenido e interesante día dedicado a la mobilización de webs y de portales (¡gracias Manrique!). Hemos realizado la parte práctica del curso de mobilización de portales web y nos hemos pegado con las expresiones regulares (ya las había olvidado, pero siempre vuelven). Para rematarlo acabo de instalar un plugin para wordpress […]

Detectar un dispositivo y reescalar las imágenes [enlace]

Muy interesante el artículo de Mobiforge sobre cómo detectar un teléfono móvil y según sus características redimensionar y darle la imagen más adecuada al tamaño de su pantalla: MobiForge: Device Detection in the Cloud: DeviceAtlas Personal

Beta del nuevo sitio de Móvil de Yahoo!

Pues parece que Yahoo! se está moviendo en lo que a desarrollo de la web móvil se refiere y ha lanzado una beta de Yahoo! Mobile, la nueva fachada de Yahoo! para dispositivos móvles. Podemos comprobar que el sitio se renderiza elegantemente si lo probamos utilizando firefox+webdeveloper toolbaro el emulador Beta Yahoo! Mobile en el […]

W3C MWBP 5th Week Assignment: Redesign a Real Site

Bueno, con esta práctica se acaban los ejercicios obligatorios del curso: An Introduction to W3C’s Mobile Web Best Practices. Se trataba de escoger una página de un sitio y rehacerla de manera que validase su código (xhtml, css) y se solucionasen los problemas que pudiera tener cuando se navegaba desde un dispositivo móvil. Para este […]

W3C MWBP 4th Week Assignment: Beethoven site, Images and CSS

Bueno, un poco a marchas forzadas, acabo de enviar el ejercicio correspondiente a la cuarta semana del curso: An Introduction to W3C’s Mobile Web Best Practices.

Se trataba de personalizar el contenido según el dispositivo del usuario, es decir, si una persona se conecta a nuestra web desde un móvil, debemos entregarle contenido ajustado a su dispositivo (por ejemplo debemos reducir el número de imágenes, utilizar una maquetación más sencilla…), pero si se conecta desde un ordenador o navegador “normal”, debe poder aprovechar al máximo las capacidades del mismo (debe poder ver vídeos, flash, utilizar ajax…)…

W3C MWBP 3th Week Assignment: Beethoven site

El ejercicio propuesto para la tercera semana del curso An Introduction to W3C’s Mobile Web Best Practices estaba relacionado con las limitaciones de los dispositivos móviles en cuanto al espacio de pantalla disponible, como optimizar los menús y mejorar la experiencia del usuario.

Para ello debíamos realizar un pequeño rediseño de una web de prueba con información acerca de Beethoven…

Assignment 6: Redesign a non accesible site

Bueno, la tarea de esta semana del Curso de la W3C de Introducción a las Mejores Prácticas de la Web Móvil estaba orientada a reconocer los errores a la hora de codificar una web para que se vea correctamente en los dispositivos móviles.

Para ser exactos, los objetivos eran:

* Aprender el código y etiquetas que no debemos usar.
* Identificar los errores de diseño y etiquetas.
* Evitar y saberlos corregir para realizar un diseño usable desde un dispositivo móvil.
* Aprender las técnicas para reemplazar los popups, las tablas anidadas, las tablas de maquetación, los gráficos para espaciar, los frames o marcos y los mapas de imagen.

He de decir que esta práctica, aunque me ha recordado varias cosas, ha sido más lenta y trabajosa que aprovechable, pero bueno, supongo que para demostrar que has aprendido y leido los contenidos hay que mancharse las manos…

Chuletas Web Móvil Best Practices

Al estilo de W3C Quick Tips to Make Accessible Web Sites podemos descargarnos las Tarjetas de Buenas Prácticas en Web Móvil (también disponibles en inglés Mobile Web Best Practices Flipcards).
Es una buena iniciativa para facilitarle la vida a editores de contenido y diseñadores web (¡y para el resto!).

Por desgracia no las envían a casa gratuitamente como las anteriores…