soy Kseso y esto EsCSS

CSS 3 test. Página para ver qué navegador soporta qué.

CSS 3 test. Página para ver qué navegador soporta qué.

·Por Kseso ✎ 0

CSS 3 test de Lea Verou

Si te gusta enredar con las propiedades de CSS 3 y pelearte con el soporte de los distintos navegadores/versiones, más de una y de dos veces te habrás dado de collejas después de un buen rato revisando los códigos tras ver que algo no funciona como esperabas y descubrir que es cosa del navegador, no tuya.

Por lo general, terminas descubriéndolo tras consultar alguna de las muchas páginas que brindan esta información.
Cada una tiene sus pros y contras.

Así, caniuse viene bien para tener de un vistazo las versiones que sí y las que no. Pero antes tienes que localizarla y es demasiado concisa en cuanto a las propiedades. No entra en detalles o desgloses de las mismas.

Css3 test por Lea Verou

Lo primero de todo que debes saber es que no tienes que buscar por navegador, sino que testea a fondo el que uses para acceder a la página ofreciendo como primera información el % del todo.
Ofrece la información visual por colores del soporte para cada propiedad acortada, y con un click en ella te despliega un desglosado indicando una por una cada propiedad que la conforma.

Resultados actuales por navegador

Según la autora en el post donde lo presentaba, el soporte global de css3 por cada navegador:

  • Chrome Canary, WebKit nightlies, Firefox Nightly: 64%
  • Chrome, IE10PP4: 63%
  • Firefox 10: 61%
  • Safari 5.1, iOS5 Safari: 60%
  • Opera 11.60: 56%
  • Firefox 9: 58%
  • Firefox 6-8: 57%
  • Firefox 5, Opera 11.1 – 11.5: 55%
  • Safari 5.0: 54%
  • Firefox 4: 49%
  • Safari 4: 47%
  • Opera 10: 45%
  • Firefox 3.6: 44%
  • IE9: 39%

Y si tienes la suficiente curiosidad aquí lo tienes actualizado al minuto.

Propiedades analizadas

Relación de las propiedades analizadas

  • Backgrounds y Borders
  • Image Values y Replaced Content
  • Selectors
  • Media Queries
  • Basic User Interface
  • Transitions
  • Animations
  • 2D Transforms
  • 3D Transforms
  • Text
  • Fonts
  • Color
  • Multi-column Layout
  • Values y Units
La página y su autora:

✑ Enlace a la página CSS 3 test
El artículo de presentación de css 3 test en el blog de su autora.
Lea Verou en twitter.
✑ Otras herramientas CSS de la autora. No dejes de echarles un vistazo.

avatar del Editor del blog

the obCSServer ᛯ Ramajero Argonauta, Enredique Amanuense de CSS.
#impoCSSible inside
Dicen que, en español, EsCss es el mejor blog de CSS. Posíblemente exageren.
@Kseso EsCss Kseso