Ir directamente al contenido de esta página
Las extensiones propietarias de CSS son un mecanismo gracias al cual los desarrolladores de navegadores pueden implementar en estos propiedades experimentales pertenecientes a futuras recomendaciones. Recogemos aquí una lista de aquellas que pueden emplearse actualmente.
Nota: En realidad el motivo de esta entrada es recoger en un lugar localizable los datos de la tabla siguiente, datos que simpre tengo repartidos entre marcadores de favoritos y archivos .txt que luego soy incapaz de encontrar.
Las extensiones propietarias (vendor-specific extensions) son un mecanismo incorporado en la especificación de CSS2.1 mediante el cual los desarrolladores de navegadores pueden identificar propiedades como experimentales, y que si bien tales propiedades no están recogidas en una recomendación, su presencia en una hoja de estilo no daña su validez.
En cuanto a su sintaxis, una propiedad específica consta de un guión prefijo elegido por el desarrollador, precedido y seguido de un guión (-) o guión bajo (_), antes del nombre de la propiedad experimental:
-moz-border-radius
-webkit-transform
_di_box-sizing // Ésta es inventada, pero sería válida
Actualmente existen varios prefijos adoptados por los creadores de los navegadores, aunque en la tabla siguiente recogemos sólo aquellos que como desarrolladores web nos parecen más relevantes.
| Prefijo | Desarrollador | Navegadores | Información |
|---|---|---|---|
-khtml- |
KDE e.V. | Konqueror | Existe una página —CSS 2.1 & 3 Support in KHTML 3.4— que recoge la lista de propiedades soportadas por el navegador. Por desgracia no incluye las extensiones. |
-moz- |
Mozilla Foundation | Firefox, Flock, K-Meleon, Camino, Galeon y otros. | Mozilla CSS Extensions |
-ms- |
Microsoft | Internet Explorer | Las propiedades están diseminadas entre la documentación de MSDN: CSS Reference |
-o-, -xv- |
Opera Software | Opera | En la página oficial sólo hay documentación hasta la versión 9.5: Web specifications supported in Opera 9.5. |
-wap- |
Open Mobile Alliance | Opera Mini, Opera Mobile y otros. | Las extensiones se recogen en la Wireless CSS Specification 1.1 ( |
-webkit- |
Apple | Safari, Google Chrome y otros. | Safari CSS Reference |
Una advertencia: aunque los diversos navegadores que incorporan el mismo motor puedan interpretar el prefijo correspondiente, eso no significa que soporten todas las propiedades existentes para tal prefijo. Por ejemplo, las versiones 2.0 y anteriores de Chrome no interpretan -webkit-border-radius como lo hacen Safari 3.1 y posteriores.
Desde hace años se han publicado decenas de páginas acerca de la bondad de los estándares web y la maldad del código propietario; en ese sentido, ¿no se trata de una resurrección de este último?
Bueno, técnicamente no lo es dado que las extensiones propietarias están definidas en un estándar, pero, ¿y desde el punto de vista filosófico? Personalmente, creo que tampoco:
-webkit-transformLas extensiones propietarias ofrecen una serie de ventajas, tanto para los desarrolladores de navegadores como de contenidos:
Por supuesto, también tienen algunas desventajas:
-moz-column-count —por ejemplo— en favor de column-count.Sólo las interpretan navegadores concretos, por lo que si se quieren aplicar las de varios de ellos, la CSS se plaga de declaraciones que son prácticamente duplicados. Por ejemplo, suponiendo que todos los navegadores listados en la tabla anterior soportaran sus propias versiones de column-count y column-gap, una declaración como ésta:
#contenido{
column-count:2;
column-gap:1em;
}
se convertiría en:
#contenido{
-khtml-column-count:2;
-khtml-column-gap:1em;
-moz-column-count:2;
-moz-column-gap:1em;
-ms-column-count:2;
-ms-column-gap:1em;
-o-column-count:2;
-o-column-gap:1em;
-webkit-column-count:2;
-webkit-column-gap:1em;
}
Si son muchas las propiedades empleadas, el peso de la hoja de estilo podría incrementarse sensiblemente.
Como cualquier otra herramienta, si se emplean de forma adecuada, no hay motivo para no emplearlas, teniendo presentes las desventajas que hemos apuntado antes. Si se emplean de manera que sea una mejora en los navegadores que las interpreten, y que no dañen la accesibilidad o la usabilidad en el resto, adelante. Al fin y al cabo, eso es en lo que consiste la filosofía de la mejora progresiva.
Somos un pequeño estudio fundado en 2007 por tres amigos y que actualmente cuenta con un nutrido grupo de colaboradores, todos ellos profesionales con entre ocho y once años de experiencia en diversos aspectos del desarrollo y la programación web.
Además, Digital Icon, S.L. (N.I.F.: B84622927) es una empresa inscrita en el Registro Mercantil de Madrid, Tomo 22 436, Libro 0, Folio 20, Sección 8, Hoja M-400861, Inscripción 1, conforme a los artículos 18 del Código de Comercio y 6 del Reglamento del Registro Mercantil.
Si quiere conocer un poco mejor cómo trabajamos, puede descargar una copia del contrato que firmamos con nuestros clientes o seguirnos en Google+:
Cliente: La Fábrica
División: MovilizaWeb
Nuestro trabajo: PHP, HTML5, CSS
Cliente: Ana del Val
División: EidoWeb
Nuestro trabajo: PHP, XHTML, CSS, JavaScript
Cliente: Guiomar González
División: EidoWeb
Nuestro trabajo: PHP, HTML5, CSS, jQuery
© Digital Icon, S.L., 2007 – 2012
Comentarios
Aún no hay comentarios
¿Algún comentario?