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

mobileOK actualizado

La W3C ha publicado una actualización de MobileOK Checker, su validador de webs móviles. La W3C es el principal organismo encargado de la estandarización de los formatos en los que se basa la web, de manera que haya un conjunto de normas básicas que aseguren que todos los usuarios y dispositivos pueden consumir la información […]

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…

Assignment 1: Caixa Galicia, Libro de Apuntes, Menéame

Esta es mi aportación al curso de la W3c “An Introduction to W3C’s Mobile Web Best Practices”

Esta semana nos han solicitado realizar un análisis de 3 sitios web que mantengamos, trabajemos o visitemos con frecuencia.

El análisis debía incluir la respuesta a tres preguntas:

* ¿Qué funcionó correctamente?
* ¿Qué encontraste incómodo o difícil?
* ¿Cómo mejorarías la experiencia?…