aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

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.

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

Compártelo