18 mai

Iniciando com Web Design Responsivo

Categoria: - Comentários (13)

Responsive Web Design

Web Design Responsivo – Cada dia mais perto de você! (clique na imagem para ampliar)

Não podemos negar que o futuro da web será móvel. Praticamente todo mundo tem ou planeja ter um smartphone ou um tablet e cada dia mais os acessos à web, através de dispositivos móveis, vem aumentando.

Este fato faz com que, nós desenvolvedores, comecemos a pensar em nos adaptar a esta novidade, construindo sites sensíveis.

Mas, o que é Web Design Responsivo?

O Wiki diz o seguinte (tradução livre):

“Web Design Responsivo (RWD), essencialmente indica que um site é feito para usar Cascading Style Sheets (CSS) 3 Media Queries, ou seja, uma extensão da regra @media, com grids proporcionalmente fluídas, para adaptar o layout ao ambiente de visualização, usando também, imagens flexíveis. Como resultado, os usuários, através de uma ampla gama de dispositivos e navegadores, terão acesso a uma única fonte de conteúdo… “

Fonte: http://en.wikipedia.org/wiki/Responsive_Web_Design

Basicamente é uma técnica que permite com que o layout responda a diferentes ambientes de navegação, ou seja, se você estiver usando um computador de mesa, você obterá uma visão completa do site e se você estiver em um smartphone, tablet ou notebook, o site irá “reagir” adaptando a largura da página coincidindo com o tamanho do seu dispositivo móvel.

Veja alguns exemplos de sites responsivos em: http://mediaqueri.es

Alguns recursos para quem está começando:

Por hoje é isso. Em breve eu falarei mais sobre o assunto e trarei mais dicas. Dúvidas? Comente!!!! :-)

Comentários ( 13 )

  • Hey there, You’ve done an incredible job.

    I’ll certainly digg it and personally recommend to my friends.

    I’m confident they will be benefited from this website.

  • Os frameworks Twitter bootstrap e Zurb Foundation oferecem muitos destes recursos.

    As duas frameworks são Responsive e bem simples de usar.

    Dê uma olhada…

  • pingback

  • Valeu pelas dicas.

    Com essas ferramentas fica muito mais fácil implementar esse conceito que vem ganhado cada vez mais espaço no desenvolvimento web. Acredito que em 2013 muitas agências já estarão preparadas para criarem sites responsivos, afinal já são mais de 27 milhões de brasileiros com smartphone. ;D

Envie seu comentário

Resize-me!