Contenido

Acid Test para dispositivos móviles

22 abr

+ 17

La W3C, hace tiempo que sabe de la importancia de los dispositivos móviles, pero hasta ahora no había destinado su tiempo en crear un Acid Test, con el que pudieramos poner a prueba los navegadores con los que actualmente navegamos desde nuestros móviles, pda’s, …

Ahora la W3C, nos permite comparar , con un sistema de recuadros verdes o rojos que nos indica el nivel de validación en el que se encuentra el dispositivo web.

¿Que significan los recuadros?

En la imagen siguiente vemos los 12 recuadros verdes, que componen las 12 pruebas a las que el navegador será expuesto y que en caso de estar preparado para cada una de ellas, esta aparecerá en verde. En caso de error, veremos el recuadro en rojo. Colores bastante específicos.

Acid Test Mobile

Descripción de los recuadros

1. CSS2 min-width
Posibilidad de usar propiedades como min-width o max-width, ideal para diseños fluidos.
2. Transparent PNG
Posibilidad de mostrar PNG’s transparentes.
3. GZIP support
Posibilidad de comprimir mediante GZIP, los datos del protocolo HTTP
4. HTTPS
Posibilidad de usar esta modalidad de navegación segura.
5. iframe inclusing of XHTML-served-as-XML content
Uso de iframes, con contenido HTML/XML en el servidor
6. Static SVG
Posibilidad de usar SVG estático.
7. XMLHTTPRequest
¿Permite usar Ajax?
8. CSS Media Queries
Implementación de CSS Media Queries para CSS.
9. Dynamic SVG
Posibilidad de usar SVG Dinámicos
10. The canvas element
El elemento canvas definido en HTML, usando el API en Javascript para dicho elemento.
11. contenteditable
Posibilidad de usar el atributo contenteditable para convertir un elemento en un “Rich Text Element”
12. CSS3 selectors
Selectores disponibles en CSS3, con los que mejoramos la selección de elementos mediante CSS.

Enlace

http://dev.w3.org/2008/mobile-test/test.html

Algunos ejemplos

Android
Opera Mini

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.