Cursos e Artigos sobre Flex para Programadores
Você está buscando por "Flex"
- Conteúdo adaptável com CSS FlexCurso
Neste curso veremos como criar uma página onde a altura dos boxes se ajusta, assim o layout da página não quebra devido ao tamanho do seu conteúdo, utilizando a propriedade Flex do CSS.
- MVC: Onde colocar minhas regras de negócio?DevCast
Você já imaginou como seria dar manutenção em uma aplicação MVC onde a camada de controle também fosse responsável pelas validações? E se a camada de visão também tivesse regras de negócio? Assista esse DevCast e fique por dentro.
- CSS3 Display Flex: Como organizar cards e boxes automaticamenteCurso
O Flexible Box Layout Model veio com o CSS3 para facilitar a criação de interfaces. Através do Flexbox o elemento filho de um contêiner pode ser disposto em qualquer direção e sua dimensão se torna flexível.
- Web Components com PolymerDevCast
Vamos aprender o que são e para que servem os Web Components. Criaremos um web componente usando somente recursos nativos do browser e após realizaremos a criação de um componente utilizando o framework Polymer.
- Curso Introdução ao Adobe FlexCurso
A versão do Adobe Flex que vamos utilizar durante o nosso curso é a 4.5 que já inclui suporte ao desenvolvimento de aplicativos mobile, inclusive para o sistema iOS que a Apple utiliza no iPhone e iPad.
Cursos e Vídeos relacionados
- Estilizando a página de cursosExemplo
Neste exemplo front-end veremos como criar uma página onde a altura dos boxes se ajusta, assim o layout da página não quebra devido ao tamanho do seu conteúdo, usando a propriedade Flex do CSS. Confira!
- Criando um menu de tela inteiraExemplo
Neste projeto veremos um menu feito em HTML e CSS que utiliza flexbox e principalmente sua propriedade flex-grow, além da propriedade filter, unidades de medida vh/vw e media query. Confira!
Exemplos relacionados
- Guia Completo de Flexbox CSS: Domine Layouts Responsivos de Forma Simples Artigo
Neste guia, vamos explorar as propriedades fundamentais do Flexbox e como você pode utilizá-lo para criar layouts modernos, dinâmicos e totalmente responsivos.
- Bootstrap Glyphicons: Aprenda como utilizar Artigo
Nesta documentação, veremos como utilizar os glyphicons no Bootstrap. Esses elementos fornecem detalhes visuais na forma de ícones que possibilitam a construção de melhores interfaces.
- Pra quem quer programar de verdade! Artigo
Aqui não tem blá-blá-blá, nem bola e nem quadrado, aqui tem código pra quem faz código todo dia!
- Primeiros passos com o Angular Material Artigo
Veja nesse artigo, como explorar a biblioteca do Angular Material, desde instalação, configuração e uso, bem como conceitos em relação ao seu uso responsivo nas páginas web, principais componentes, etc. Confira agora.
- Flex PHP: Criptografando senhas com Flex e PHP Artigo
Neste artigo será demonstrado a utilização da criptografia MD5 em uma aplicação Flex com PHP e banco de dados MySQL.
Artigos relacionados
- flex-wrap e flex-flow Vídeo
Nesta aula conheceremos mais duas propriedades do Flexbox, o flex-wrap e o flex-flow. Veremos também como essas propriedades podem ser utilizadas para gerar quebras de linha e definir o posicionamento de elementos HTML.
- display: flex e flex-direction Vídeo
O display: flex é a forma mais simples de uso da técnica Flexbox. Veremos também uma revisão dos conceitos já aprendidos em cursos anteriores sobre o uso da propriedade display. Nesta aula conheceremos as primeiras propriedades do Flexbox e como elas podem definir o posicionamento de elementos.
- Propriedades dos elementos filhos Vídeo
Nesta aula conheceremos mais quatro propriedades do Flexbox, o flex-grow, o flex-shrink, o flex-basis e o flex. Veremos como elas podem ser utilizadas para definir o tamanho e proporção dos elementos filhos de um container.
- justify-content Vídeo
Na técnica Flexbox, o uso do justify-content é a principal forma de definir o alinhamento e o espaçamento entre os elementos de um container. Nesta aula o conheceremos e como ela pode ser utilizada para definir espaços e posicionamento de elementos HTML.
- align-items Vídeo
Com align-items podemos centralizar os cards no container. Ou então posicioná-los no topo ou no rodapé da seção em que estão contidos. Podemos também utilizar o valor stretch para fazer com que os cards ocupem toda a área disponível.
