This blog is a public Pre-alpha. I'm working in my own Wordpress theme. I'm focusing on performance and SEO.
This theme will be able to download at July as a Pre-alpha.
Pasión de navegadores y los prefijos en CSS3

Pasión de navegadores y los prefijos en CSS3

¡Que pasa crucks! Si estáis aquí es porque venís a informaros de forma un poco más técnica sobre los prefijos en CSS3.

Antes de empezar necesitamos diferenciar entre lo que es un navegador y lo que es un motor de renderizado.

Navegador vs Motor de Renderizado

Navegador: Un navegador es una aplicación que nos permite acceder a la Web. Y la palabra clave es aplicación. ¿Qué significa? Significa por ejemplo que puedo guardar páginas web en favoritos.
Y depende de cuál sea nos dará unas características u otras.

Por ejemplo Google Chrome nos permite sincronizar con nuestra cuenta de Google todos esos favoritos, además del historial de navegación entre dispositivos.

Los navegadores utilizan un Motor de Renderizado para mostrarnos las diferentes páginas web.

Así que vamos a por la segunda definición:

Motor de Renderizado: Es un software capaz de leer los archivos HTML, CSS y Javascript para mostrarlos al usuario.

Dicho de otro modo es cómo un navegador mira las páginas web.

Y muchos navegadores utilizan el mismo motor de renderizado, lo que significa que todos esos navegadores renderizan las páginas web de la misma forma. Adjunto un pequeño gráfico:

Viendo el gráfico, podemos observar como Opera está usando el motor de renderizado a Blink creado por Google.

Es decir una página web en principio se vería «igual» en Opera que en Google Chrome, pero aquí viene el quid de la cuestión: Opera antes usaba su propio motor “Presto”, después comenzó una transición hacia Webkit hasta que Google anunció su cambió a Blink.

Los señores de barba blanca: W3C

La W3C es una comunidad de empresas/organizaciones quienes trabajan para hacer estándares web (como HTML, CSS y Javascript) y deciden qué es «compatible» para añadirlo a cada navegador.

Pongo ejemplo de algunas empresas involucradas: Apple, Microsoft, IBM…

Antes de hacer algunas de esas tecnologías estándar las van implementado en sus navegadores para ir probándolas.
En el caso de las propiedades CSS se añaden algunas de esas propiedades aunque aún no sean estándar y la forma de activarlas es usando los prefijos.

Entonces ¿los prefijos?

Los prefijos nos permiten hacer más compatibles propiedades CSS y activarlas en ciertos navegadores.

Los nombres de los prefijos son los nombres de los motores de renderizado porque son quienes tienen implementadas esas propiedades que aún no han sido estandarizadas por la W3C.

Por ejemplo en el caso de la propiedad Transform si no usamos los prefijos la compatibilidad es del 90.88% pero con prefijos aumentamos la compatibilidad a 93.17%.

http://www.w3.org/standards/techs/css#w3c_all