UpInside Treinamentos

Trabalhando com Viewport e Breakpoints no Design Responsivo

Para ter um site responsivo do Jeito Certo, temos que aplicar corretamente os pilares da técnica. Nesta vídeo aula vamos ver como aplicar o segundo pilar e entender melhor a viewport e os breakpoints!

  • Compartilhe esse post
  • Compartilhar no Facebook00
  • Compartilhar no Google Plus00
  • Compartilhar no Twitter

Criar um site responsivo pode ser mais fácil do que parece. Na verdade muito mais fácil. Bastam algumas horas de ajustes no conteúdo em uma estrutura baseada nos pilares da técnica e seu site estará preparado para servir conteúdo para QUALQUER dispositivo.

Nesta vídeo aula do Curso Work Series - Design responsivo, vamos falar sobre viewport e breakpoints. Técnicas do segundo pilar do design responsivo.

#VideoTecaUpInside #BoraProgramar #WsDesignResponsivo

  • Compartilhe esse post
  • Compartilhar no Facebook00
  • Compartilhar no Google Plus00
  • Compartilhar no Twitter

Olá, deixe seu comentário para Trabalhando com Viewport e Breakpoints no Design Responsivo

Já temos 6 comentário(s). DEIXE O SEU :)
Bruno Moyses Bitencourt

Bruno Moyses Bitencourt

Opa, Robson.
Quando não é passada a Media Type no @media, qual o valor, padrão, assumido?
Ou seja, com o seguinte código: @media all (min-width: 768px){}, a Media Type é all.
E com esse código: @media (min-width: 768px){}, qual a Media Type assumida?
★★★★★DIA 14.01.17 20h34RESPONDER
N/A
Enviando Comentário Fechar :/
Gustavo Santos

Gustavo Santos

Fala Bruno, quando omitido o valor do Media Type, o que é assumido por parão ficando sendo o all mesmo :)

★★★★★DIA 17.01.17 11h31RESPONDER
Bruno Moyses Bitencourt
Enviando Comentário Fechar :/
Bruno Moyses Bitencourt

Bruno Moyses Bitencourt

Opa, Robson. Quando não é passada a Media Type no @media, qual o valor, padrão, assumido? Ou seja, com o seguinte código:


@media all (min-width: 768px){}

A Media Type é all. E com esse código:


@media (min-width: 768px){}

Qual a Media Type assumida?

★★★★★DIA 14.01.17 20h04RESPONDER
N/A
Enviando Comentário Fechar :/
Robson V. Leite

Robson V. Leite

Fala Bruno, o valor padrão é all. Logo ao não passar ele é assumido!

★★★★★DIA 15.01.17 15h50RESPONDER
Bruno Moyses Bitencourt
Enviando Comentário Fechar :/
Bruno Moyses Bitencourt

Bruno Moyses Bitencourt

Opa,
mais uma dúvida, aqui, em relação à Viewport. Ao obter a Viewport via jQuery, ela muda em alguns casos em relação à quando é obtida via CSS.
Tem alguma maneira de obtê-la via jQuery sem mudança de valor, ou seja, o mesmo valor via jQuery e CSS?
★★★★★DIA 02.02.17 14h54RESPONDER
N/A
Enviando Comentário Fechar :/
Robson V. Leite

Robson V. Leite

Fala Bruno, a viewport do jQuery geralmente está no window.outerWidth(); Ou no window.width();.

★★★★★DIA 07.02.17 10h53RESPONDER
N/A
Enviando Comentário Fechar :/
Enviando Comentário Fechar :/