Prefijos

Los prefijos en CSS son algo muy importante para garantizar de que nuestros estilos funcionen en todos los navegadores, pero seamos honestos, son algo molestos y ensucian bastante nuestro código.

Existen varias formas de evitar esto, ya sea con librerías, mixins, automatizadores como gulp, etc. La idea en todo esto es que dejemos de ensuciarnos las manos con ellos, para ello recomiendo dos soluciones:

prefix-free

Prefix-free es un archivo JS bastante ligero (2KB) y lo que hace es actuar por detrás, poniendo los prefijos de manera automática y solo cuando sea necesario, algo realmente útil ya que nos olvidamos de usarlos en nuestro código.

autoprefixer

Si usas algún atomatizador de tareas (como es en mi caso), te recomiendo usar autoprefixer para que los prefijos se agreguen de manera automática, tal y como pasa con prefix-free, la diferencia aquí es que ya no estaríamos cargando un archivo JS, si no, que más bien se compilaría el código, otra ventaja es que tenemos mucho más control de lo que realmente queremos hacer con el archivo resultante.

autoprefixer lo puedes usar fácilmente con gulp, grunt o webpack.

Una de las desventajas que veo al hacer todo esto de manera automática es que agregues propiedades demasiado nuevas sin darte cuenta de como se encuentra realmente en su soporte.

Por ejemplo, si agregas una propiedad que de momento solo funcione con -moz- (para firefox), obviamente en otros navegadores vas a tener problemas y puede que te tardes un poco en darte cuenta, por ello te recomiendo estar siempre al pendiente de dichas propiedades, visita Ca I use de vez en cuando para estar actualizado.