Cursos e Artigos sobre layout para Programadores
Você está buscando por "layout"
- 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.
- Landing Page: Como criar um layout com HTML, CSS e JavaScriptCurso
Neste curso veremos como criar uma estrutura de navegação front-end seguindo o modelo One Page (uma única página), e utilizando para isso HTML, CSS e JavaScript (jQuery).
- 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.
- Curso Primeiros passos na Plataforma Windows UniversalCurso
Nesse curso veremos como inciar no mundo do Universal Windows Platform (UWP). Criaremos um projeto universal utilizando componentes de formulário, layout responsivo para aplicação universal e navegação entre telas passando informações como parâmetro.
- Criando uma estrutura Front-end de navegaçãoCurso
Neste curso criamos uma estrutura de um layout onde abordamos três características: a responsividade, sem a utilização de frameworks como o bootstrap; um menu expandable; e também veremos uma barra lateral com scroll independente do conteúdo do site.
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 uma estrutura Front-end de navegaçãoExemplo
Nesta documentação criamos uma estrutura de um layout onde abordamos três características: a responsividade sem a utilização de frameworks como o bootstrap; um menu expandable; e também veremos uma barra lateral com scroll independente.
- Hotsite com Bootstrap e jQueryExemplo
Neste exemplo veremos como criar um layout completo seguindo o modelo One Page (uma única página). Para esse exemplo utilizaremos HTML, CSS, Bootstrap e jQuery, além do plugin do Google Maps.
Exemplos relacionados
- Flutter: Criando layouts com Center, Column e Row Artigo
O layout de um app define tudo que será visível para o usuário e como ele vai interagir com o app. Por esse motivo é uma parte importante no desenvolvimento. Vamos conhecer a criação de layouts utilizando diversos Widgets do Flutter.
- SQL Server Reporting Services 2016: conheça as novidades Artigo
Este artigo apresenta as inúmeras novidades em funcionalidades de análise de dados e melhorias de funções já existentes no SQL Server Reporting Services 2016.
- Como criar um Layout de duas colunas com HTML e CSS Artigo
Veja neste artigo como montar um layout de duas colunas dentro dos padrões de tableless. Serão utilizadas técnicas de HTML e CSS para estilização das divs (blocos de conteúdo).
- Linear, Table e Relative Layouts com Android Studio Artigo
Conheceremos nesse artigo os três principais tipos de layout do ambiente Android.
- Material Design: Aprimorando seus aplicativos Android Artigo
Este artigo demonstra como utilizar a biblioteca de suporte Design para criar uma aplicação com uma aparência moderna e que segue as recomendações do Material Design.
Artigos relacionados
- Removendo os Slideshows Vídeo
Na aula anterior setamos a imagem definitiva do banner da nossa landing page. Agora, vamos fazer mais um ajuste no layout final do site, removendo os slideshows automáticos do template — mantendo apenas a nova imagem fixa no topo da página.
- Exemplo prático Vídeo
Com os conhecimentos que adquirimos nas aulas anteriores analisaremos uma página e veremos como a propriedade position do CSS foi usada para criar o seu layout.
- Criando o código do zero Vídeo
Nesta aula vamos explicar os passos dados para criar o aplicativo que vimos na aula anterior, para isso vamos utilizar um layout como base e através dele vamos ter uma base para inserir os componentes no código.
- Layout.js Vídeo
Nesta aula vamos aprender outra forma de exibir o mesmo componente em todas as páginas da aplicação, utilizando o arquivo layout.js.
- Estilizando o componente TelaInicial Vídeo
Depois que alteramos o layout do nosso aplicativo inserindo dois componentes TextInput e alteramos o texto exibido, é necessário melhorar a aparência do nosso app.
