Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Curso Web Design Responsivo: Páginas que se adaptam do mobile ao desk

Nota

9.1

Nível

Básico

Última atualização

23/03/18

Carga horária

10h

Iniciar Curso
Concluir

Pré-requisitos:

Instrutor

Veja as últimas novidades do curso Veja as perguntas frequentes Fórum do curso

Conteúdo detalhado:

  1. Web Design Responsivo

    1. Site mobile ou design responsivo?
    2. Base do responsivo
    3. Pensando em proporções
  2. Layout fluído e medidas flexíveis

    1. Uso de porcentagens
    2. O font-size
    3. A medida 'em'
    4. Técnicas de design fluído
    5. Imagens fluídas
  3. Media queries

    1. Layout condicional
    2. CSS2 Media types e CSS3 Media queries
    3. Sintaxe
    4. Breakpoints de conteúdo
    5. Mobile-first
  4. Viewport & Workflow

    1. Meta tag viewport
    2. Estratégia de testes
    3. Desktop browsers
    4. Emuladores mobile
    5. Dispositivos reais
    6. Debug remoto (iOS, Android, Weinre, Windows Phone)
    7. Device lab
  1. Menu Responsivo

    1. Grandes adaptações com media queries
    2. JavaScript para controlar o menu
  2. Imagens responsivas

    1. Telas de alta resolução
    2. Device Pixel Ratio
    3. Cases de imagens responsivas
    4. Media queries para troca de imagens
    5. Srcset e picture
    6. Compressive images
    7. Performance
  3. Imagens vetoriais

    1. Efeitos CSS
    2. Texto
    3. Icon Fonts
    4. SVG
    5. Estratégias crossbrowser e fallbacks
  4. Usabilidade mobile & estratégias resposivas

    1. Content parity
    2. Não existe contexto mobile
    3. Touch-first
    4. Usabilidade em touch screens
    5. Exemplos de más práticas de UX mobile