» Publicación:
13 abril 2011
/
Categoría:

Estilos de CSS3 fácilmente con Prefix-My-CSS

Ahora que el CSS3 no está aun soportado por la mayoría de navegadores, muchas veces tenemos que crear prefijos para ciertas reglas de CSS3 en nuestra hoja de estilos.
Es decir hacer llamado especificos para cada navegador es decir al motor de Mozilla Firefox -más antiguos- y un llamado al Webkit que es el que usa Chrome por ejemplo (afortunadamente IE9 ya lee de forma nativa -algunos- los elementos de decoración de CSS3).

Esto es un trabajo demoroso si lo hacemos a mano (y lleno de posibles fallas), sin embargo –Prefix-My-CSS- permite crear los prefijos rápidamente y nos permite elegir como tendremos nuestro producto final.

Por ejemplo, si tenemos:

A dar click en Prefix! obtenemos:

Como podemos ver de manera automatica agrega los “-moz-box-shadow” y “-webkit-box-shadow”, todo esto dependiendo de las propiedades CSS3 que le damos en la primera caja antes de crear el fix. ¡Simple!

  • Facebook
  • Twitter
  • Tumblr
  • Digg
  • Reddit
  • LinkedIn
  • Google Bookmarks
  • E-Mail
» Sobre el autor: Reckless
Joven chileno de 29 años, con un paso por la escuela de Ingenieria de la UNAB, que dejo a medio camino para tomar la carrera de Diseñador Gráfico Profesional en la Universidad Santo Tomás, que era lo que siempre busco desde los 12 años. Fanático de la Universidad de Chile, el Metal y el Hardrock. Actualmente trabajando como Diseñador & Desarrolador Web para Especiales de Emol.com, ademas de "Freelancear" cuando se puede.
Comentarios

[…] unas semanas hice una entrada en el blog un herramienta llamada –Prefix-My-CSS- la cual tenía la gran utilidad de generar todas las propiedades CSS como border redondeados para […]

Fecha del comentario: 20 mayo 2011 a las 16:22
Escribe tú comentario
*
*
» Mensaje: