Regras CSS Flex-Growth
Apesar do que você pode ler online, configurar todos os seus flex-items dentro de um flex-container para um flex-growth de 1 não necessariamente dará a todos os itens o mesmo …
Continuar lendoEtiqueta: flexbox
SASS / Compass Mixin para Flexbox (novo e antigo)
Flexbox é incrível , e acho triste que muitos desenvolvedores não o estejam usando. As razões variam de “é muito difícil” a “ainda não é totalmente compatível” e “Não quero …
Continuar lendoO novo modelo da caixa: Flexbox
Lembre-se dos (não tão) bons e velhos tempos da web, quando projetávamos nossas páginas usando tables</code> (nested within more tables) and those really cool framesets</code>?We are so much better now …
Continuar lendoColunas responsivas apenas com Flexbox
O Flexbox é meio peculiar e novo agora, mas quando você começa a mergulhar, ele se torna muito divertido e você rapidamente percebe o quão poderoso é. Este é um …
Continuar lendoFormulários HTML com Flexbox
O Bootstrap do Twitter tem algumas ideias de design excelentes para elementos de formulário: http://getbootstrap.com/components/#input-groups “Como eles fazem isso?!” você pode perguntar … bem, tenho certeza que você ficará desapontado …
Continuar lendoUsando regiões CSS + flexbox + contador para criar uma IU da lista de reprodução
Eu criei uma demonstração para esta semana CodePen Pattern Rodeo que usa regiões CSS, flexbox e contador: Uma IU para uma lista de reprodução . Mas como isto funciona? Regiões …
Continuar lendoCentralize o conteúdo vertical e horizontalmente no Webkit com CSS3 Flexbox
display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center; Funciona no Chrome, Opera e Maxthon.
Continuar lendo