Un problema al momento de maquetar es crear css todos los prefijos para que sea soportado por todos los navegadores ya que cada navegador tiene su prefijo nativo.
-ms- Internet Explorer
-Moz- Firefox, Flock, K-Meleon, Camino, Galeon y otros.
-webkit- Safari, Google Chrome y otros.
-o- Opera
Tener estos prefijos hacen que tengamos un css muy largo y ademas que nos hace perder tiempo tampoco es dificil usarlas por ejemplo:
Queremos usar bordes con sombra:
esto es lo normal:
box-shadow:#fbd607 0px 0px 9px 4px;
Asi debemos hacer:
-ms-box-shadow:#fbd607 0px 0px 9px 4px;
-moz-box-shadow:#fbd607 0px 0px 9px 4px;
-webkit-box-shadow:#fbd607 0px 0px 9px 4px;
-o-box-shadow:#fbd607 0px 0px 9px 4px;
Ven que no es dificil?
Solucion de prefijos CSS3
Existe esta opcion cssprefixer donde colocamos nuestro css normal sin necesidad del prefijo y al convertir nos crea todos los prefijos.
Esta es la mas practica y la que recomiendo ya que lo uso, -prefix-free es un proyecto de Eric Meyer que es tan simple que nos descargamos un javascript que agregamos a nuestro pagina y automaticamente hace la magia!
CSS3 PIE es un archivo con extencion .htc que nos sirve para hacer que Internet explorer desde su version 6 hasta 9 soportar CSS3 si es que nos toca un cliente que quiere que funcione en todos los navegadores pero hay que hacer que ver que se puede estar dejando de hacer cosas mas interesantes por estar dando soporte por que igual este metodo no soporta todo lo nuevo del css3
