Introdução a media queries

Curso de Responsive Design

Introdução ao Responsive Design

Bem-vindo ao curso

Conceitos básicos de design responsivo

Ferramentas para design responsivo

O Emmet

Meta Viewport

Unidades de medidas relativas

Introdução a media queries

Aplicando a teoria

Levantando os requisitos da aplicação

Montando a estrutura HTML

Formatando títulos, subtítulos, textos, cores e sessões

Incluindo media queries e CSS

Técnicas avançadas

CSS Selectors

Calc, block, inline e inline-block

Imagens

Imagens de fundo

Ocultando e exibindo elementos

Adicionando vídeos

Algumas técnicas de desenvolvimento

CDNs

Usando fontes

Usando ícones

Posicionamento usando flex align

Bootstrap

Introdução ao Bootstrap

Tipografia e cores

Criar uma página de contato

Desenvolvimento de formulário

Tabelas

Aplicando novo layout ao currículo

Aplicando Bootstrap ao currículo

Aplicando Bootstrap ao currículo: continuação

Material Design

Introdução ao Material Design

AngularJS

Olá Mundo

Angular material: tela de login

Angular material: vamos codificar

Encerramento

Você não tem acesso a esta aula

Continue aprendendo! Junte-se e comece a impulsionar sua carreira

Se você já tem uma conta,

Recursos

Medias queries são expressões que definem a formatação de CSS de acordo com o tipo de dispositivo e o tamanho da tela, de forma que possamos ter códigos CSS diferentes para cada caso que definirmos. Podemos usar tanto as dimensões da viewport quanto a orientação (retrato ou paisagem) para definir que tipo de layout vamos utilizar. Também podemos usar operadores lógicos (and e or) aliados com uma combinação de fatores para decidir qual layout vamos aplicar em cada caso.