Para proseguir en la linea de nuestra serie de HTML5 hoy vamos a comenzar otra nueva serie en la que vamos a hablar sobre CSS3.
La especificación de CSS Level 3 o más comúnmente conocida como CSS3 no es una especificación completa sino que se divide en diferentes módulos. Cada uno de ellos añade nuevas capacidades o extiende aquellas ya existentes en especificaciones anteriores. La nueva especificación debe preservar compatibilidad hacia atrás. Según la W3C existen 53 módulos actualmente en diferentes estados.
Debido a su carácter modular, hay partes de la especificación en diferentes estados dentro del proceso de estandarizado. Así el pasado día 7 de junio el módulo Color Module de CSS3 era publicado como recomendación por el consorcio W3C.
Introducción al proceso de estandarizado
La mejor forma de estar al día sobre los avances de la especificación de CSS3 es seguir la página del estado de sus diferentes módulo. Al lado de cada módulo puede verse el estado actual del mismo, y el estado que alcanzara en la siguiente revisión. Cada uno de ellos lleva a un link de un borrador de especificación. Las diferentes abreviaturas son:
WD: Working Draft
Un Borrador de Trabajo o Working Draft es un documento que la W3C publica para su revisión por parte de la Comunidad, incluyendo a miembros del W3C, el público, y otras organizaciones y empresas.
LC: Last Call
En la Última Llamada o Last Call el grupo de trabajo del W3C anuncia una última llamada hacia otros grupos del W3C, el público y otras organizaciones donde se especifica:
Fecha límite para revisiones y comentarios
Una identificación exhaustiva de todas las dependencias y una solicitud de revisión de todos los grupos de trabajo dependientes
Una solicitud de revisión pública
Cuando un grupo fija el estado de un borrador a LC es una señal de:
El grupo de trabajo cree que se han satisfecho los requerimientos técnicos (o de cualquier otro tipo) en el borrador de trabajo
El grupo de trabajo cree que se han satisfecho las dependencias con otros grupos de trabajo
Otros grupos deben revisar el documento para confirmar que dichas dependencias han sido satisfechas
Por regla general, cuando un grupo de trabajo fija el estado de un borrador de trabajo a LC es una indicación de que están planeando avanzar hacia estados más maduros del borrador.
RC: Candidate Recommendation
Un Candidato de Recomendación o Candidate Recommendation es un documento que el W3C opina que ha sido lo suficientemente revisado y satisface los requerimientos técnicos del grupo de trabajo. La W3C publica candidatos de recomendación para iniciar un proceso de experiencia en su implementación.
PR: Proposed Recommendation
Una Propuesta de Recomendación o una Proposed Recommendation es un reporte técnico maduro después de una amplia revisión técnica de su solidez y robustez en la implementación. Cuando un documento llega a este estado, el W3C lo envía a su Comité Asesor para su aprobación final.
REC: W3C Recommendation
Una Recomendación del W3C o W3C Recommendation es una especificación o conjunto de directrices que tras un extenso consenso, ha recibido el respaldo de los miembros del W3C y su director. El W3C recomienda un amplio despliegue de sus recomendaciones que se convierten en parte del estándar.
Este proceso puede durar años hasta completarse.
Introducción a CSS3
CSS es un lenguaje (no un lenguaje de programación) utilizado para especificar el aspecto de una página web para diferentes dispositivos. Esto entra en contraste con HTML que es un lenguaje que define la estructura de un documento para su distribución por la web. El HTML le dice al navegador como se estructura el documento mientras que el CSS le dice como debe renderizarlo.
CSS3 añade muchas capacidades nuevas a la especificación anterior. Aunque aún está en proceso de estandarizado y le queda un largo camino por recorrer, ya se ha hecho un hueco al lado de HTML5 y supone uno de los mayores adelantos en el diseño web actual.
Novedades de CSS3
Como ya he dicho, CSS3 viene con muchas novedades, en esta breve introducción a CSS3 voy a mencionar algunas de las más relevantes y seguramente me dejaré mucho en el tintero:
Bordes:
Colores múltiples de borde en un mismo lado
Imágenes de borde
Bordes redondeados
Fondos Múltiples pueden ser añadidos al mismo elemento como capas
Posicionamiento del fondo con mayor precisión
Pueden ser redimensionados
Opacidad
Gradientes
Valores de color: HSL
Sombras
Desbordamiento
Ajuste de línea
Escalar
Sesgar
Mover
Rotar en 2D o 3D
Transición sencilla de estilos
Sombras
Cajas redimensionables
Overflow separado en vertical u horizontal
Compensación entre contorno y borde
Modelos para especifcar altura y anchura
Los estilos pueden añadir contenido a los elementos
Los elementos pueden ser transparentes
Capacidad de añadir fuentes en vivo a los documentos mejorada
No todos los navegadores soportan el mismo nivel de CSS3 y no todos los módulos de especificación están aún siquiera implementados. En próximos artículos iré introduciendo las novedades de la especificación de CSS3 y como se utiliza.
Más información | CSS3.info