¿Tenemos que usar prefijos de proveedores CSS no estándar / específicos del navegador?

Dado que realmente no me molesta la compatibilidad con versiones anteriores (estoy explorando el diseño basado en CSS3 y HTML5, en lugar de depender de gráficos, etc.) ¿cuáles son los beneficios de usar css como:

-moz-box-shadow: 3px 3px 5px 6px #ccc; -webkit-box-shadow: 3px 3px 5px 6px #ccc; 

Sobre solo usar:

 box-shadow: 3px 3px 5px 6px #ccc; 

Este último parece funcionar bien en la mayoría de los navegadores modernos (¡excepto lo obvio!: P mirándote IE! Aunque supongo que probablemente funcione en IE9, pero no puedo probarlo porque estoy en una Mac en este momento) .

¿Estoy viendo cosas? ¿Necesitamos usar el código específico del navegador anterior? ¿O todos los navegadores están avanzando hacia el soporte de los estándares?

Realmente depende de qué características y qué navegadores quieres que sean totalmente compatibles. Incluso ahora algunos navegadores están rezagados.

Aquí hay una guía realmente excelente: http://caniuse.com/

Todos los navegadores generalmente avanzan hacia el soporte de estándares.

Hay dos problemas

  1. Muchas de las reglas de CSS3 que tenemos disponibles para su uso están todavía bajo revisión, es decir, aún no forman parte de ningún estándar.
  2. Algunas personas persisten en el uso de versiones anteriores de un navegador, que puede no ser compatible con las reglas sin prefijo.

Por estas dos razones, seguimos usando reglas de CSS con prefijo de proveedor en nuestras hojas de estilo.

El único prefijo que necesita ahora es el -webkit para Chrome y Safari Support. Se necesita Webkit para -webkit-animation, -webkit-font-feature-settings, display: -webkit-flex, -webkit-filter, etc.

-ms, -o y -moz brindan soporte para navegadores que incluso sus propias compañías han dejado de soportar.