Layout Responsivo - Qual a forma ideal?

Qual é a melhor maneira de deixar o layout do meu site responsivo para outros dispositívos?

Eu tenho meu no meu site uma folha de estilo para cada página, pois cada página tem um layout diferente…

Qual seria a melhor maneira para mim?

vi um vídeo onde o professor fazia assim: Ele criava 3 ou mais folhas de estilos com WIDTHS diferentes, ele adicionava todas as folhas de estilo criada, e para cada link ele tinha um MEDIA, dentro desse MEDIA, ele definia tamanhos, e ficava um condicional, tipo, se tamanho da tela foi menos que X, ele trazia uma folha de estilo…

Outros usam Meta viewport, não conheço bem essas duas técnicas, qual seria a apropriada para eu fazer?

Será que a primeira opção é mais viável do que a segunda?

Eu gosto de me basear nos melhores, como é que o Facebook faz? Alguém tem ideia?

Pesquise e estude sobre técnicas de layout responsivo. Exemplos do que pode achar:

http://tableless.com.br/design-responsivo-na-pratica-do-rascunho-ao-digita/
http://tableless.com.br/design-responsivo-na-pratica-2-layout-ao-html/

Existem frameworks de front-end que vem com CSS mastigado para ajudar nos casos mais comuns, como por exemplo o Bootstrap. É útil principalmente para equipes sem web designers. Mas independente se for o caso de usar, vai ter que estudar como funciona por trás, senão em situações de ajuste fino não vai saber o que fazer direito.

Só praticando e com experiência real junto a equipe você vai saber o que é melhor ou não para o caso real que estiver atendendo.

Facebook não é “responsivo” dessa forma, tem layout próprio para mobile, a requisição para o servidor é outra, se observar vem até de outro endereço.

1 curtida

Realmente o facebook tem outro endereço para dispositivos móveis, bem lembrado!! m.facebook

Vou seguir os links que você me passou para melhorar a compreenção dos layouts, valeu, obrigado JavaFlex!

Achei uns livros legais, eu não sei se vai te ajudar, mas é um livro de design para responsivo:

vou deixar o link para outros livros, também tem outros para responsivo:

https://www.uxpin.com/studio/ebooks/

São gratuítos :slight_smile:

1 curtida

show de bola Thiago, valeu, vai ajudar com certeza!! Obrigado