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 […]

¿Qué es el OpenGov y OpenData?

Tenía preparada esta entrada desde hace tiempo, tres motivos me han animado a publicarla: La política de gestión del Gobierno de España con respecto a la Ley de Economía Sostenible. El revuelo creado en internet sobre el Manifiesto en defensa de los derechos fundamentales en internet. Una conversación a través de twitter con @tractis referida […]

25 Reglas para hacer CSS Accesibles

A través de la anotación “25 reglas para hacer CSS accesibles” conozco el documento de la W3C  “Técnicas CSS para las Pautas de Accesibilidad al Contenido en la Web 1.0”. Imprescindibles ambos.

Cómo controlar los enlaces rotos y los errores 404

Uno de los grandes problemas de los sitios, es que al cabo del tiempo se producen migraciones y cambios en los contenidos. Si no se tiene mucho cuidado, al final acaban apareciendo los temidos enlaces rotos y su consiguiente error 404.

WCAG 2.0 Estándar de Accesibilidad recomendado por la W3C

El pasado día 11 de Diciembre de 2008 las WCAG 2.0 o Guías de Accesibilidad para Contenido Web versión 2.0, pasaron a ser un recomendación por parte de la W3C. Las WCAG 2.0 vienen a substituir a las WAI WCAG 1.0 (o Iniciativa para la Accesibilidad Web) Podéis consultar el post Presentación sobre WCAG 2.0 […]

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 Sites: Sitios entusiastas de la W3C

Vía seraccesible.net conozco el sitio W3c Sites una web donde se pueden consultar webs que cumplan los estándares. Los distintos sitios están etiquetados por su nivel de conformidad (por ejemplo xhtml 1.0, css2, etc) lo cual puede ser de gran ayuda si estamos batallando con algún estándar en especial. Los sitios tienen calidad por dentro […]

Encabezados H1: ¿uno o varios?

Existe una pequeña discusión sobre si pueden existir en una página varios encabezados de nivel 1 (H1) o no en nuestro código html. Los encabezados sirven para presentar la estructura lógica de nuestra página web. Además los encabezados resultan de utilidad para los usuarios que emplean lectores de pantalla, ya que pulsando una combinación de […]

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…