2013/04/02

FlexBox permite fazer o Layout das páginas HTML em CSS3


Para quem visita uma página web, tudo pode ser motivo para crítica... mas para quem é responsável por criá-las, saberá certamente o quanto custa por vezes fazer as coisas que aparentam ser simples. Embora em tempos fosse habitual recorrer a tabelas como forma de implementar o layout da página, lá se acabou por abandonar essa prática e a recorrer ao mais avançado e versátil CSS como forma de posicionar os diversos elementos e áreas de uma página.

O problema é que o HTML e o CSS não estão realmente preparados para fazer o layout de páginas, e continua a ser uma dor de cabeça criar secções como cabeçalhos, rodapés, barras e colunas, que se queiram alinhadas... "como for preciso". Para simplificar isso, o W3C está a trabalhar no FlexBox, que no CSS3 permitirá facilmente definir precisamente o layout das páginas web.

Uma das vantagens é que no caso de sites com design adaptável ao tamanho do ecrã (o chamado "responsive design"), este Flexbox permite que facilmente se reordenem as diferentes secções, sendo possível - por exemplo - que no caso de um ecrã de smartphone queiramos que o rodapé seja apresentado acima do conteúdo principal, e que o cabeçalho só apareça no fim. Já estou a ver muitos web designers/developers a agradecer o fim à vista dos divs flutuantes que nem sempre se comportam como se desejaria... :)

1 comentário:

  1. Anónimo2/4/13 21:26

    Cada vez que me pedem para alterar CSS até tremo... vamos ver se isto ajuda. xD

    ResponderEliminar