Después de varios años trabajando con la especificación de CSS 2, la Web se prepara para un cambio en el modo de trabajar con hojas de estilo. Esta nueva versión viene cargada con grandes novedades y más social que nunca.
CSS 3 ofrecerá grandes cambios y características largamente esperadas por nosotros los webmasters. Lo veremos por todos lados y no viene solo; viene acompañado de HTML 5 y XHTML 2. Los cambios en estas tecnologías obedecen al fenómeno de la Web 2.0 y a las recomendaciones del creador de la World Wide Web, Tim Berners Lee de llevar a la Web a la máxima expresión del concepto de semántica.
Las ventajas de CSS 3:
CSS 2 fue lanzado en 1997 y después de 10 años y alguna que otra actualización, el modelo y propiedades necesita un lavado de cara para obedecer a las demandas del medio. A pesar de eso, realmente debemos mencionar que aún conserva muchas ventajas.
Las ventajas principales en esta nueva versión son la inclusión de nuevas propiedades especialmente en cuanto al aspecto gráfico (recordemos que CSS también es utilizado para describir estilos para medios de audio) aunque se prevean mejores sustanciales en otros medios como el de sonido.
La actualización incluirá los tan esperados bordes redondeados, textos con sombras, la capacidad de asignar múltiples fondos, un mejor manejo de tablas incluyendo el estilo zebra, multi-columnas, etc. El modelo conservará muchas de las actuales propiedades y trabajará con nuevos selectores.
También se habla del hecho de que con estas nuevas propiedades la carga de la página deberá descender pues el hecho de que muchos de los efectos estén ahora bajo control del navegador hará que los recursos visuales e imágenes que ahora empleamos ya no tengan razón de seguir siendo utilizados.
Capacidades visuales avanzadas:
CSS 3 contiene varias mejoras en cuanto a interfaz gráfica, posicionamiento y tamaño de los objetos, usando condiciones de alineación para cada uno. El objetivo es que sea más sencillo posicionar los controles dentro de la página y que cuenten con otras características como desplazamiento.
Hojas de Estilo Aural:
Pretende utilizar las opciones de ciertos dispositivos con capacidades de reproducción de sonido. El módulo de audio podría agregar sonidos de fondo o efectos de transición que se activarían mediante determinado evento. Otras propiedades permitan controlar la posición del sonido que se está reproduciendo, etc.
Bordes y Fondos:
Las nuevas capacidades de CSS 3 permitirían entre otras cosas usar imágenes para los bordes, redondear y/o agregar sombras. Posicionamiento de elementos en pantalla: se podrá controlar de mejor manera los objetos y su dirección (horizontal o vertical).
Además, se quiere incluir el módulo de paginación para crear pies de página, referencias cruzadas y construir cabeceras para títulos de secciones. También se desea introducir una nueva propiedad para dividir secciones en columnas.
Fuentes:
Nuevas funciones sobre todo encaminadas a brindar un mejor soporte a múltiples lenguajes. Se pretende volver a incluir el @font-face para utilizar fuentes externas.
Otros cambios sustanciales serían un mejor modelo para trabajar CSS con DOM incluyendo la posibilidad de cambiar valores a las propiedades, uso de NAMESPACES como XML y la inclusión de un mejor soporte para manejo de expresiones matemáticas.
Roadmap de soporte de CSS 3 para los navegadores
Lo que deberemos tomar en cuenta es que antes de saltar a empezar a migrar nuestro sitio a la versión CSS 3 la mayoría de los navegadores ya hayan implementado parte de estas nuevas especificaciones.
Actualmente el desarrollo va con el navegador Opera a la cabeza seguido de WebKit. Opera 9.x incluso ya viene con soporte para los nuevas etiquetas de HTML 5. Mozilla y Microsoft aún no han presentado mayores cambios en sus exploradores Firefox e Internet Explorer, respectivamente.
Por otro lugar el equipo de desarrollo de WebKit (donde podemos incluir a Konqueror y Safari) estado trabajando en dar soporte a estas nuevas propiedades. Los cambios también incluyen el regreso de la propiedad @font-face que permite la carga de un recurso tipográfico (es decir una fuente TTF) como de una imagen se tratase.
Esta propiedad fue incluida en la especificación de CSS 2.0 y eliminada de la lista bajo la excusa de no ser utilizada. Los primeros en brindar el soporte a esta propiedad es el equipo de WebKit mediante un plugin.
Qué esperar con CSS 3
Esperamos que en el 2008 la mayoría de navegadores incluyan dentro de alguna actualización el soporte nativo para CSS 3 y las nuevas versiones de HTML y XHTML. Por lo pronto, debemos de esperar un poco más, leyendo uno que otro documento que sale al respecto para prepararnos por que la salida de esas nuevas versiones esta mas cerca cada día.
El tema sobre CSS 3 es más extenso, así que hemos preparado varios artículos que te guiarán paso a paso sobre sus propiedades y aprovechamiento. Además, un ejemplo sobre una futura implementación dentro de hojas de estilo CSS 3.
espero que pronto se popularice esta nueva version, ya que en verdad trae grandes avances, lo de las fuentes esta genial, aunque los bordes redondeados tienden a pixelarse mucho U_U
Me parecen bien los cambios pero insuficientes. De manera nativa deberían implementarse muchas más cosas, es la única forma de hacer que la web evolucione mucho más rápido.
Saludos,
Fran
Muy interesante, esperemos que esta vez Microsoft no intente sacar su propio “estándar” para su navegador… no, esperen… seguro que lo va a hacer así que sería bueno de una vez empezar a promocionar los estándares reales.
No entiendo a qué viene eso de “más social que nunca” en el título, ¿podrías comentarlo por favor?
[…] Fuente […]
esta bien todo lo que se comenta, pero, si ni siquiera IE7 respeta muchas caracteristicas, mi pregunta es sacaron las empresas versiones nuevas para soportar estos nuevos estandares? IE7 no tiene mucho que salio, firefox3 ya esta ala vuelta de la esquina, pero incluira soporte para estas nuevas caracteristicas?
A ver, que Microsoft no se separa de los estándares, simplemente los mejora.
Ja..!!.. si Explorer no tiene completa el soporte de CSS2.. dudo completamente que se valla a actualizar rapido hasta CSS3.. puede pasar un largo tiempo.. pero pues.. bueno..
que chido..!!.. CSS3 :'( (llorando de emocion.. xD)
Mozilla seguro que implementara de buena forma las nuevas caracteristicas, pero de Microsoft de seguro saldra con algo propietario, alguna modificacion hecha por ellos y que tendremos que “hackear” para que se vea correctamente. Espero me equivoque… Y tambien espero que IE6 muera pronto, la mayoria de los que usamos FF u Opera obviamente nos cambiaremos de version cuando todos estos nuevos estandares esten disponibles, pero los que aun siguen usando ie6 no tienen idea y no se cambiaran…
Juan josé, supongo que tu comentario viene con sarcasmo, no?
creo que una de las cosas + importantes detrás de CSS3 está en algo oculto a simple vista ya que no es una propiedad nueva: me refiero a la modularización de las especificaciones. A diferencia de CSS2 las especificaciones ya no van a ser un bloque monolítico sino que van a pasar a ser módulos cuasi-independientes.
Caray! Cuántas ansias he tenido esperando el tan deseado CSS 3, esperemos que tenga buenos resultados. Aunque ciertamente no entiendo bien cómo funcionaría el CSS 3 dentro de la semántica y con ello las posibles inferencias lógicas. ¿Se podrá unir también el CSS 3 con alguna “ontología” como OWL? Espero que nos resuelvan los expertos.
Por cierto, fuera de tema propondría que dejáramos y dejaran de llamar ontologías a un lenguaje semántico. Los filósofos y la filosofía en general llaman ontología a otro tipo de cosas, ontología viene de “to óv” (to ón) que quiere decir “lo que es”, cuestión que dista mucho en parecerse a lo que llaman ontología en informática. Ontología tiene que ver con el tema profundo del Ser y no a simples consideraciones semánticas que están destinadas a un meta-lenguaje.
Saludos, gracias por el artículo!
[…] CSS 3: más social que nuncawww.maestrosdelweb.com/editorial/css-3-mas-social-que-nunca/ por momo77 hace pocos segundos […]
Esta información es para tomar en cuenta.
[…] Se habla de que el CSS 3 será muy “social” (leer más de ésto). […]
Me uno al comentario de Pablo. Eso de “más social que nunca” es realmente cualquiera. Con tal de usar la palabrita de moda, te la meten hasta en la sopa.
Muy bien que todo evolucione, interesante. Eso sí, lo de `mas social`suena a coña…. sino no lo entiendo.
Buenas tardes perdon por la pregunta, soy nuevo en esto, pero como puedo usar los css 3 , es decir, como intslarlo o como saber que estoy usando css 3 y no css 2,
Abres la consola y como usuario master_of_puppets ejecutas lo siguiente apt-get install css3 , asegurate de tener instaladas las librerias build-essentials, suerte 😉
Broma broma, css no se instala, es una forma de separar el contenido de la presentación, lo interpreta el navegador web del cliente por lo tanto no debes instalar nada, css3 es una evolución de css2 todo esto está orquestado por la w3c, si quieres enterarte bien te puedes documentar en http://www.w3c.es/divulgacion/guiasbreves/HojasEstilo
Y para editar con este CSS3, cual editor conviene?
Uno cualquiera como NotePad++, por ejemplo. O para Linux Bluefish.
Genial
Hola estoy tratando de colocar multiples imagenes de fondo con dreamwaver cs3 y no me sale…
y no se si tengo css3 como se si lo tengo en el dw cs3
#fondos{
background: url(fondo3.png) bottom right no-repeat,
url(fondo2.png) center no-repeat,
url(fondo1.gif) center repeat;
width: 300px;
}
[…] el artículo sobre CSS 3: más social que nunca, hablé sobre las novedades a grandes rasgos del nuevo CSS 3, ahora trataré de detallarlas un poco […]
[…] 4- Fuentes embebidas con CSS3 […]