Design

Entendendo um pouco sobre design responsivo

Olá Pessoal,

Vou falar por mim, já viajei muito tentando entender design responsivo e muitas, muitas, muitas, sim, foram realmente muitas vezes que fiquei perdida durante as aulas de HTML e CSS. Mas, hoje, trago uma serie de gifs feitos pela froont  que irão nortear e facilitar bastante a compreensão de conceitos dessas linguaguens. Esses podem facilitar a explicação e uma aula, um cliente ou aquele amigo curioso que quer entender qual a diferença entre responsive e adaptive.

(A minha dúvida é porque não me passaram esse material antes das minhas provas do terceiro período :/ ).

Mas vamos as explicações

3038367-inline-i-1-9-gifs-that-explain-responsive-design-brilliantly-01responsive-vs-adaptive-copy 3038367-inline-i-2-9-gifs-that-explain-responsive-design-brilliantly-02relative-units-vs-static-units-1-copy 3038367-inline-i-3-9-gifs-that-explain-responsive-design-brilliantly-03with-breakpoints-vs-without-breakpoints-1-co 3038367-inline-i-9-9-gifs-that-explain-responsive-design-brilliantly-09vectors-vs-images-1-copy 3038367-inline-i-8-9-gifs-that-explain-responsive-design-brilliantly-08desktop-first-vs-mobile-first-3-copy 3038367-inline-i-7-9-gifs-that-explain-responsive-design-brilliantly-07max-width-vx-no-max-width-1-copy 3038367-inline-i-5-9-gifs-that-explain-responsive-design-brilliantly-05nested-vs-not-nested-1-copy 3038367-inline-i-4-9-gifs-that-explain-responsive-design-brilliantly-04flow-vs-static-2-copy

 

É isso pessoas, espero que tenta ajudado vocês a compreenderem um pouco mais sobre esses conceito.

Até a próxima!

Fontes

I, II

Clique aqui para comentar ( )