Layout Flexbox Layout com Flexbox

[Alessandro Soares 0]

Ola Pessoal.

 

É recomendado utilizar o flexbox para criar o layout inteiro?

Sem o uso do Float?

 

Grato,

Alessandro

[L. Henrique 179]

Alessandro,

Depende de como vai ser o seu projeto e em quais plataformas ele deverá funcionar. Veja que o uso de float, grids e tudo mais é reconhecido pela maioria dos browsers, já o flexbox é um novo método que somente alguns conseguem fazer funcionar (Ex.: Chrome). Veja:

 

Você pode conferir essa tabela com mais detalhes no link: Can I use? - Vou deixar alguns artigos pra você ler e também umas perguntas. Então vamos lá...

Artigos:

• ​Don't use flexbox for page layout;
• A Complete Guide to Flexbox;
• When to use Flexbox;
• 6 reasons to start using Flexbox.

Perguntas:

• Porquê você quer utilizar só o flexbox?
• No quê você vê vantagem?
• Porquê não usar float, display, position...?
• No quê você vê desvantagem?

 

Abraços!

[Alessandro Soares 0]

Obrigado Henrique.

 

Pensei no Flexbox devido a algumas palesta na web tratando sobre o tema e a facilidade de posicionar os elementos.

 

Como estou começando agora o mundo da web, estou com está duvida: qual é a melhor técnica para a construção de layout (sem o uso de framework)?

[L. Henrique 179]

Como você está começando agora no mundo de desenvolvimento web, você deve estudar Floats, Displays, positions... Flexbox é um conceito mais recente. Quem começa agora no mundo da web se envolvendo só com CSS Level 4, vai sofrer muito mais no futuro pra entender.

É bom começar de um método antigo, porque: A documentação é mais vasta, a grande maioria dos sites ainda utiliza e o suporte cross-browser é bem maior.

Depois que você entender os conceitos básicos, ai você parte pro flexbox, calc, cubic-bezier... Coisas assim.

Abraços!