Layout CSS — especificações do W3C

visualizações Publicado em: 05/05/2015

Introdução

Desenvolver layout CSS com as funcionalidades das CSS2.1 tem sido ao longo destes últimos anos uma grandiosa "dor de cabeça" para desenvolvedores web. As funcionalidades para criação de layout daquelas especificações limitam-se aos esquemas de posicionamento e a elementos flutuados que já se mostram muito limitados face as exigências dos layouts modernos e cada vez mais complexos.

A era dos IE8 e anteriores, com seus bugs bizarros, que causaram tantas dores de cabeça e noites sem dormir a desenvolvedores web está praticamente extinta, mas as exigências dos layout modernos cada vez mais tornam as CSS2.1 mais distantes do razoável para criação de layouts.

Para suprir, ou pelo menos amenizar as deficiências das especificações para construção de layout surgiram os sistemas de grids CSS criados por terceiros e colocados à disposição dos desenvolvedores sob forma de código livre. Um dos sistemas de grid CSS pioneiro foi o Blueprint (2007) e logo muitos deles foram lançados com destaque para o grid 960 (2009). Atualmente os mais usados e "badalados" são o Foundation (2011) e o Bootstrap (2011).

Funcionalidades do W3C para layout

O W3C prevê quatro diferentes especificações com funcionalidades criadas para desenvolvimento de layouts. A listagem a seguir mostra o nome, o status e o ano de lançamento da versão inicial e da atual de cada uma das especificações.

CSS Flexible Box Layout Module Level 1

• Lançamento: Flexible Box Layout Module — Rascunho de Trabalho — 23/07/2009
• Hoje: CSS Flexible Box Layout Module Level 1 — Última chamada para o Rascunho de Trabalho — 25/09/2014

CSS Grid Layout Module Level 1

• Lançamento: Grid Layout — Rascunho de Trabalho — 07/04/2011
• Hoje: CSS Grid Layout Module Level 1 — Rascunho de Trabalho — 17/03/2015

CSS Template Layout Module

• Lançamento: CSS3 Advanced Layout Module — Rascunho de Trabalho — 15/12/2005
• Hoje: CSS Template Layout Module — Nota do Grupo de Trabalho — 26/03/2015

CSS Multi-column Layout Module

• Lançamento: Multi-column layout in CSS — Rascunho de Trabalho — 22/06/1999
• Hoje: CSS Multi-column Layout Module — Candidata a Recomendação — 12/04/2011

Examinando as datas de lançamento e estágio atual das quatro especificações vemos que a CSS Multi-column Layout Module após 12 anos atingiu o status de Candidadta a Recomendação e naquele status permanece há 4 anos. Quanto as demais já estão em estudo há 6, 4 e 10 anos e praticamente não progrediram. Nos resta torcer para que saiam do papel, pois suas funcionalidades são fantásticas.

Minha sugestão é usar preferencialmente as tecnologias do W3C sempre que elas foram suportadas pelos navegadores e dispositivos que pretendemos servir, ou sejam, atenderem aos nossos propósitos como desenvolvedor. Codificar "a unha" ou usar este ou aquele framework CSS, em muitos casos, podem ser as únicas opções.

Em um ou outro caso existem funcionalidades do W3C bem suportadas que nos permite criar uma marcação HTML semântica e acessível.