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... :)
Subscrever:
Enviar feedback (Atom)
Cada vez que me pedem para alterar CSS até tremo... vamos ver se isto ajuda. xD
ResponderEliminar