CSSPrefixer, generador de prefijos CSS

  • Por
Esta herramienta open source nos ayuda con la creación de estilos CSS para cualquier navegador web.
07/06/2012 - CSSPrefixer es una sencilla herramienta on líne que nos hace fácil el agregado de prefijos CSS a nuestro código tan necesario para la compatibilidad de nuestra web.

Si usas CSS y resulta una merma para tu trabajo el hecho de que las reglas sean diferentes en función del navegador que usas, entonces debes conocer este interesante proyecto de código abierto.

El manejo de CSSPrefixer no presenta ninguna dificultad, simplemente mete código, selecciona el botón Processg y de forma automática se reescribe el código con los prefijos de los diferentes navegadores.

Ejemplo de uso de CSSPrefixer:

  • este contenedor { border-radius: 1em; transform: rotate(45deg) }
  • se convierte en este contenedor { -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }
Ofrecido bajo licencia Apache 2.0 CSSPrefixer está disponible de forma gratuita para todo diseñador y/o desarrollador interesado.

Aquellos que tengan interés en probar CSSPrefixer pueden empezar sin necesidad de registro previo desde cssprefixer.appspot.com.