Breve introducción a CSS3

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:

  1. Fecha límite para revisiones y comentarios

  2. Una identificación exhaustiva de todas las dependencias y una solicitud de revisión de todos los grupos de trabajo dependientes

  3. 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:

    • Fondos Múltiples pueden ser añadidos al mismo elemento como capas

    • Posicionamiento del fondo con mayor precisión

    • Pueden ser redimensionados

  • Color:

    • Opacidad

    • Gradientes

    • Valores de color: HSL

  • Text:

    • Sombras

    • Desbordamiento

    • Ajuste de línea

  • Transformaciones:

    • Escalar

    • Sesgar

    • Mover

    • Rotar en 2D o 3D

  • Transiciones:

    • Transición sencilla de estilos

  • Cajas:

    • Sombras

    • Cajas redimensionables

    • Overflow separado en vertical u horizontal

    • Compensación entre contorno y borde

    • Modelos para especifcar altura y anchura

  • Contenido:

    • Los estilos pueden añadir contenido a los elementos

  • Opacidad:

    • Los elementos pueden ser transparentes

  • Fuentes Web:

    • 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

    Portada de Genbeta