Ebook Design Responsivo Vs Mobile First O Guia Definitivo

Por mais que falemos sobre Design Responsivo ou Mobile First, é preciso entender o que aconteceu até aqui e principalmente, essencialmente, o que impulsionou tamanha revolução para chegarmos à maneira como criamos sites nos dias atuais.
Nossa história começa, como eu gosto de dizer, com um “éramos felizes e não sabíamos”. Tínhamos uma única resolução e apenas Desktops para nos preocuparmos na hora de criar um site. Dá para acreditar que um dia foi tão fácil assim? Não tínhamos padrões web, não tínhamos vídeos, não tínhamos marketing digital, absolutamente nada.
Eram GIFs animados e HTML e qualquer coisa, repito, qualquer coisa online já estava de bom tamanho. A grande prova disso é que tínhamos sites feitos no Front-Page. Nunca ouviu falar dele? Criava algo mais ou menos assim:

Como todo início de descoberta, estávamos maravilhados com a grande rede e as exigências foram deixadas de lado. Pelo menos até termos a primeira revolução, que não foi nada pra falar a verdade, só pra um pequeno alarme =D. Me refiro ao fato dos monitores de 15 polegadas ganharem força no mercado e nós, web designers, nos perguntarmos: e agora? Crio um site para 640x480 ou para 800x600?
Bem, naquela época não tínhamos CSS(3), HTML era bem limitado, jQuery não existia, então ou uma ou outra. Na dúvida usamos por muito tempo a menor, pelo menos funcionaria bem na resolução superior. Começávamos a ter mais trabalho, mas ainda era relativamente fácil. Entretanto, nem tudo na vida são flores não é mesmo?

Em 2004 veio a primeira real revolução, a conhecida Web 2.0. Não entrarei em detalhes sobre esta revolução, até porque seria um e-book (ou livro) apenas sobre o assunto e não é nosso foco neste e-book. Porém, dentre as várias mudanças e inovações desta revolução, podemos destacar uma web colaborativa e participativa, onde os usuários ganharam voz e direitos.
Paralelo a tudo isso, o que realmente nos interessa enquanto web designers é que surgiram muitos, mas muitos monitores diferentes. O