Tenho 31 anos e sinto que estou no mundo do desenvolvimento da Web há séculos. Sempre soubemos que os layouts em CSS eram um pesadelo e todos nós consideramos o flexbox nosso salvador. Ainda não se sabe se isso vai acontecer, mas o flexbox resolve facilmente um problema que o CSS tem há muito tempo: […]
Tag: Flexbox
Flexbox Equal Height Columns (Colunas de altura igual)Flexbox Equal Height Columns (Colunas de altura igual)
O Flexbox era para ser o pote de ouro no longo, longo arco-íris de técnicas de layout CSS insuficientes. E a única decepção que tive com o flexbox foi o fato de os fornecedores de navegadores terem demorado tanto para implementá-lo. Não posso afirmar que tenha ultrapassado os limites do flexbox, mas a técnica me […]
Como se tornar arriscado com o FlexboxComo se tornar arriscado com o Flexbox
E se o senhor pudesse criar layouts CSS complexos em minutos? O Flexbox é uma nova especificação de layout CSS que facilita a criação de layouts dinâmicos. Com o flexbox, a centralização vertical, as colunas de mesma altura, a reordenação e o agnosticismo de direção são muito fáceis. Existe […]
Criando layouts de doze colunas com o FlexboxCriando layouts de doze colunas com o Flexbox
Se há algo em que o flexbox é excelente, são os layouts de doze colunas. Em um layout de doze colunas, a página é dividida em doze colunas invisíveis. Essas colunas têm pequenas quantidades de espaço entre elas, chamadas de calhas. A página é dividida em linhas, e os contêineres nas linhas ocupam […]
Ordem reversa de elementos com CSS FlexboxOrdem reversa de elementos com CSS Flexbox
O CSS está se tornando cada vez mais poderoso nos dias de hoje, quase a ponto de a ordem dos elementos HTML que são exibidos na página não ter mais importância do ponto de vista da exibição – o CSS permite que o senhor faça tantas coisas que praticamente qualquer layout, grande ou pequeno, é […]
Criando espaçadores com o FlexboxCriando espaçadores com o Flexbox
Eu era um dos maiores fãs do flexbox antes de seu surgimento, mas, devido a mudanças na Mozilla, nunca tive a chance de usá-lo em nenhum projeto prático; portanto, o flexbox ainda parece um pouco misterioso para mim. Isso me incomoda muito porque me sinto excluído da revolução do flexbox, embora hoje em dia o […]
Centralização vertical com o FlexboxCentralização vertical com o Flexbox
A centralização vertical de conteúdos filhos irmãos é uma tarefa que há muito tempo precisamos na Web, mas que sempre pareceu muito mais difícil do que deveria ser. Inicialmente, usamos tabelas para realizar a tarefa, depois passamos a usar truques de CSS e JavaScript porque o layout de tabela era terrivelmente ineficiente, mas parecia que […]