Web Design Responsivo no desenvolvimento de aplicaes

multi-dispositivos.
Saulo Campos Nunes de Souza, Wagner Igarashi
Departamento de Informtica - Univesidade Estadual de Maring (UEM) - Av. Colombo, 5790 - Bloco
C56 - Maring - PR - Brasil
{scnsouza@gmail.com, wigarash@gmail.com}

Abstract. The use of websites through mobile devices has become increasingly common
in Brazilians daily life. With the growing number of devices on the market realizes the
difficulty in adjusting the website viewing in different screen sizes and resolutions,
which makes it a exhausting and limited navigation. The use of new technological
concepts in web development makes it possible to deliver an enjoyable navigation
without consuming too many resources on the device or on the server where the website
is hosted and with easier maintenance compared to applications installed on the device.
Given the current importance of responsive web design against the context of the
various types of information visualization devices such as smartphones, tablets,
computers; this paper aims to conduct a systematic review of responsive web design,
seeking to verify the current context of publication and direction for future research. As
a result it was found that the number of publications began to grow substantially in the
last two year, indicating that there is still room for growth in this area of research.
Keywords. Responsive web design, systematic review, mobile devices, web development.

Resumo. A utilizao de websites por meio de dispositivos mveis tem se tornado cada
vez mais comum no dia a dia dos brasileiros. Com o crescimento do nmero de
dispositivos no mercado nota-se a dificuldade em se adequar a visualizao do site nos
diversos tamanhos de tela e resolues, o que torna a navegao desgastante e
limitada. A utilizao de novos conceitos tecnolgicos no desenvolvimento web torna
possvel disponibilizar uma navegao agradvel sem consumir muitos recursos do
dispositivo ou do servidor em que o website est hospedado e com facilidade de
manuteno maior que comparado a aplicaes instaladas no dispositivo. Dada a
importncia atual do responsive web design frente ao contexto dos diversos tipos de
dispositivos de visualizao de informaes como smartphones, tablets, computadores;
o presente trabalho tem como objetivo realizar uma reviso sistemtica sobre
responsive web design, buscando verificar o contexto atual de publicao e
direcionamento para futuras pesquisas. Como resultado verificou-se que a quantidade
de publicaes praticamente comeou a crescer nos ltimos dois anos, indicando que
ainda h espao para o crescimento de pesquisas nesta rea.
Palavras-chave. Responsive web design, reviso sistemtica, dispositivos mveis,
desenvolvimento web.

1. Introduo
A utilizao de dispositivos mveis para acesso a internet tem crescido
consideravelmente. Segundo pesquisa do Cetic.br [3], em 2012 houve crescimento da
porcentagem de usurios de internet via dispositivos mveis, saltando de 18% para
24%, considerando que no Brasil existem 139,8 milhes de usurios de celular. Ainda
segundo os dados desta pesquisa 40% dos domiclios brasileiros possuem acesso a
Internet.
Com a asenso da utilizao de Internet, sobretudo em dispositivos mveis nos
deparamos com diversos problemas de cunho tcnico, tais como a dificuldade na
navegao e o redimensionamento do website para resolues menores, o que acaba
gerando desconforto aos utlizadores e a eventual necessidade de desenvolvimento de
aplicaes especficas para os diversos tipos de sistema operacional dos dispositivos, o
que dificulta a manuteno visto a necessidade de se haver uma aplicao para cada
dispositivo.
A navegao de websites por dispositivos mveis geralmente se v prejudicada
graas a dimenso do visor dos dispositivos, que so bem inferiores aos monitores nos
quais os sites esto acostumados a serem apresentados. Deste modo, se faz necessria
uma adaptao deste website a dimenses menores, de modo que no prejudique a
navegao e ainda facilite a visualizao do contedo publicado.
Ao invs de desenvolver e gerenciar o contedo de vrios websites, a utilizao
de sites responsivos gera uma abordagem unificada para gerenciamento de contedo,
porque eles tm apenas um site para gerenciar, ao invs de uma verso mobile e outra
tradicional [7]. No s em questo de manuteno e gerenciamento de contedo, mas
tambm sites responsivos so mais fceis para os consumidores encontrar do que sites
tradicionais ou mveis, porque eles tm valor mais alto no ranking de motores de busca.
O mais famoso website de busca da atualidade, o Google, recomenda a utilizao de
responsive web design e ainda afirma que alm de economizar recursos, sua utilizao
facilita e aumenta a indexao dos contedos do website.[8]

Sendo assim, este artigo tem como objetivo verificar, por meio de uma reviso
sistemtica, o que vem sendo empregado sobre essa tecnologia promissora no que diz
respeito a inter-relao entre web design e dispositivos mveis.

2. Elementos Tericos
2.1. Responsive Web Design
O termo "Responsive Web Design" (RWD) foi utilizado e explicado pela
primeira vez em 2010 por Ethan Marcotte em seu artigo de mesmo nome publicado no
site A List Apart.[1]. "Responsive web design a abordagem que sugere que o design e
desenvolvimento devem responder ao comportamento do usurio e do ambiente
baseando-se no tamanho da tela, plataforma e orientao" [4]. Em outras palavras o
desenvolvimento de uma pgina web que altera a forma como apresenta suas
informaes conforme as configuraes do dispositivo em que est sendo visualizada.
Na Figura mostrado um exemplo de layout responsivo apresentado em diversos
dispositivos como: celular, tablet (posio vertical e horizontal) e notebook.

Figura 1 - Exemplo de layout responsivo em diferentes resolues para diferentes dispositivos [12].

Para tornar possvel este tipo de desenvolvimento, trs tecnologias foram

essenciais, e so conhecidas por "Trinca tecnolgica do design responsivo" e so elas:
Layout Fludo - este conceito deve vir desde a concepo do projeto onde primase pela no utilizao de medidas fixas no projeto, fazendo com que haja uma adaptao
"natural" e automtica do que se apresenta na tela [2].

Imagens e recursos flexveis - imagens e outros recursos (assets) sero

redimensionados e movidos de acordo com os containers (delimitadores de recursos)
em que esto posicionados dependendo do tamanho da tela. Tambm uma opo
utilizar mltiplas verses das imagens de acordo com a resoluo da tela em que sero
apresentadas [4].
Media Queries - Este conceito torna possvel ocultar, exibir e reposicionar
elementos e interaes conforme a resoluo atual que esteja sendo usada no momento
da visitao[2].
A partir dessa trinca tecnolgica possvel criar designs que atendero de
formas diferentes a visualizao em smartphones, tablets ou monitores de alta
resoluo.

2.2 Reviso Sistemtica

Uma reviso sistemtica da literatura um meio de identificar, avaliar e
interpretar todas as pesquisas disponveis relevantes para uma questo de pesquisa
especfica, rea temtica ou fenmeno de interesse [13]. As razes mais comuns para
realizar uma reviso sistemtica so:
Resumir a evidncia existente sobre um tratamento ou tecnologia. Por exemplo,
para resumir a evidncia emprica dos benefcios e limitaes de um
determinado mtodo gil;
Para identificar eventuais lacunas na pesquisa atual, a fim de sugerir reas para
maiores investigaes;
Para fornecer uma estrutura a fim de posicionar adequadamente as novas
atividades de pesquisa [13].
Uma reviso sistemtica sintetiza o trabalho j existente de acordo com uma
estratgia de busca predefinida. A estratgia de busca deve preservar a integridade da
pesquisa a ser avaliada [13].

3. Realizao da Reviso Sistemtica

Para atingir o objetivo de verificar o contexto atual de publicao e
direcionamento para futuras pesquisas envolvendo o tema responsive web design foi
realizada uma reviso sistemtica para responder a seguinte pergunta: o que vem sendo

estudado sobre o tema responsive web design? Devido a sua relevncia no contexto
computacional, foram realizadas pesquisas em bases de artigos consagradas na rea de
tecnologia da informao, tanto internacionais como a base do Institute of Electrical
and Electronics Engineers (IEEE) [17] e a base da Association for Computing
Machinery (ACM) [18], quanto nacionais como a biblioteca digital da Sociedade
Brasileira de Computao (SBC) [19].
As pesquisas realizadas nas respectivas bases continham o termo Responsive
Web Design envolvido por aspas (" "), o que fora a busca ao texto completo no ttulo
ou no contedo dos artigos. Como critrio de incluso foi avaliada a relevncia do
artigo em relao ao tema, onde foi realizada a leitura e anlise do artigo quanto a sua
proximidade ao tema, buscando a maior aplicabilidade do tema ao contexto do artigo.
Na busca as bases da IEEE e ACM houveram ocorrncias, contudo a consulta a
base da SBC no trouxe resultado. Sendo assim a base SBC foi descartada da lista de
bases consultadas.
Devido ao nmero de resultados obtidos nas buscas realizadas nas bases
selecionados no ter sido grande, foi incluido como fonte de artigos o Google
Acadmico [20]. A utilizao do Google Acadmico possibilitou encontrar um nmero
maior de resultados a pesquisa, contudo devido ao buscador incluir referncias em
livros e artigos de outras reas, acabou tornando o processo de busca a artigos
relevantes ao contexto mais complexo e trabalhoso.
Sobre os resultados obtidos nas buscas foram realizadas as anlises quantitativa,
que tem por objetivo interpretar os dados coletados de modo a prover indicadores, e
anlise vertical, que tem como objetivo descrever as principais caractersticas dos
artigos encontrados.
As duas prximas sees exibem os resultados obtidos pelas consultas bem
como a anlise destes resultados.

3.1. Anlise Quantitativa

Este tipo de anlise utiliza os resultados das buscas para prover indicadores
relevantes ao objetivo, afim de construir fatos sobre os dados coletados.

Nesta etapa da pesquisa foram analisados 11 artigos, selecionados de acordo

com os critrios de incluso da reviso sistemtica e foco na pergunta de pesquisa que
guia o estudo, o que vem sendo estudado sobre o tema responsive web design?.
Utilizando o contedo obtido foi possvel construir as Tabelas 1 e 2, que
relacionam os autores a dados relevantes com ano de publicao, pas, peridico e
instituio de publicao.
Tabela 1 - Relao de autores por ano e local.

Autor

Ano

Pas

Marcotte, E.

2010

EUA

Knight, K.

2011

Alemanha

Gardner, B. S.

2011

EUA

Alston, P.

2012

Reino Unido

Young, J.

2012

Reino Unido

Mohorovicic, S.

2013

Croacia

Nebeling, M. Speicher, M. Norrie, M. C.

2013

Sua

Johansen, R. D. Britto, T. C. P. Cusin, C. A.

2013

Brasil

Seipp, K. Devlin, K.

2013

Inglaterra

Tzoc, E.

2013

EUA

Schneider, R. McCown, F.

2013

EUA

Tabela 2 - Relao de autores por peridicos e instituies de publicao.

Autor
Marcotte, E.
Knight, K
Gardner, B. S.
Alston, P.

Young, J.
Mohorovicic, S.

Nebeling, M. Speicher, M.

Peridico

Instituio

A List Apart Magazine

A List Apart

Smashing Magazine

Smashing Magazine

Sigma Magazine

Noblis

Proceedings of the 13th

annual conference on
Information technology
education
Net Magazine

ACM

36th International
Convention on Information
& Communication
Proceedings of the 5th
ACM SIGCHI symposium

Creative Bloq
Technology Electronics &
Microelectronics (MIPRO)
ACM

Norrie, M. C.
Johansen, R. D. Britto, T.
C. P. Cusin, C. A.
Seipp, K. Devlin, K.

Tzoc, E.
Schneider, R. McCown, F.

on Engineering interactive
computing systems
Proceedings of the 22nd
international conference on
World Wide Web
companion
CHI '13 Extended Abstracts
on Human Factors in
Computing Systems
D-Lib Magazine
Proceedings of the 13th
ACM/IEEE-CS joint
conference on Digital
libraries

International World Wide

Web Conferences Steering
Committee
ACM

Digital Library Research

ACM

A partir dos dados observados nas Tabelas 1 e 2, verifica-se que o primeiro autor
a publicar sobre o tema Marcotte no ano de 2010, confirmando que esta rea de
pesquisa recente. Nota-se que em 2013 houve um crescimento em relao pesquisas
na rea e que a maior parte destas foram publicadas em peridicos da Association for
Computing Machinery. evidenciado pelos resultados obtidos que um dos principais
tipos de peridicos utilizados em publicaes deste tema revista, devido ao grande
interesse sobre essa tecnologia fora do meio acadmico. Tambm observa-se a
diversidade de pases realizando pesquisas nesta rea, mesmo com a dominncia de
autores americanos mas ressaltando a participao de autores brasileiros nas publicaes
internacionais.

3.2. Anlise Vertical

Na realizao desta pesquisa, verificou-se a existncia de diversas informaes
na internet sobre responsive web design, seja em artigos no acadmicos, em sites e
blogs de desenvolvimento, alm da meno de websites e frameworks que j
implementam essa tecnologia, tal qual o famoso Bootstrap do Twitter. [11]. Contudo
quanto a artigos acadmicos relativos a este tema, talvez por ser recente, no to
abordado. Nas bases consultadas, IEEE e ACM, foram encontrados poucos artigos

acadmicos que abordam o assunto. Com base neste cenrio, foram lidos e selecionados
4 artigos cujo foco era a tecnologia RWD, os quais so descritos na sequncia1.
No artigo intitulado Implementing Responsive Web Design for Enhanced Web,
Mohorovici (2013) aborda os conceitos de responsive web design, exibindo projees
do mercado de dispositivos de acordo com suas categorias, desde 2012 at 2017. Neste
periodo de 5 anos possvel notar um grande crescimento em vendas de smartphones e
tablets e uma leve diminuio na venda de notebooks. O artigo segue frisando os
ganhos da abordagem "Mobile-Friendly" para criao de websites destacando a os
ganhos do desenvolvimento centralizado sobre multiplas verses do site e
contextualizando a tecnologia e seus principais benefcios categorizando em benefcios
para webmasters, para desenvolvedores e usurios finais.
O autor tambm cita os pontos falhos e potenciais problemas tais como
incompatibilidade com media queries de alguns browsers e dispositivos, problemas
relacionados a imagens responsivas e dificuldade em resolv-los e o alto tempo de carga
do website em dispositivos mveis. Como concluso o autor retoma as vantagens sobre
a utilizao de responsive web design enfatizando sua importncia sobretudo no fato de
ser uma tecnologia preparada para futuros dispositivos, mas mantm cautela explicando
que muito precisa ser feito nas questes de padronizao e boas prticas na tecnologia,
apesar de existirem diversos exemplos de sucesso na implementao de RWD[4].
J o artigo CSS browser selector plus: a JavaScript library to support crossbrowser responsive design, Johansen, Britto e Cusin (2013), teve como objetivo a
proposio de uma soluo para o problema de incompatibilidade dos navegadores com
as media queries. Este artigo comea contextualizando o conceito de media query
incorporado ao CSS3, exibindo suas principais caractersticas atravs de exemplos de
queries. Em seguida o artigo passa a apontar pontos falhos das media queries tal qual o
fato de no serem suportadas por navegadores legados e apresenta algumas bibliotecas
que emulam a funcionalidade em navegadores que no suportam a tecnologia
nativamente.

*O artigo de Ethan Marcotte no foi analisado a fundo na seo 3.1 devido ao conceito ter sido
introduzido na seo 2.1

Em seguida o autor prope como soluo uma biblioteca javascript que tem por
funo obter as informaes de orientao, largura mnima e mxima do dispositivo
sem a utilizao do CSS3, que pode ser incompatvel com alguns browsers. So
apresentados exemplos de utilizao da biblioteca e os seus principais aspectos. Na
concluso o autor defende a soluo proposta como sendo leve e de sintaxe simples, e
defende que a alternativa proposta pode ser utilizada como substituta as media queries,
ao contrrio de outras solues que pretendem emular o suporte s mesmas [6].
No artigo intitulado CrowdAdapt: Enabling Crowdsourced Web Page
Adaptation for Individual Viewing Conditions and Preferences, os autores Nebeling e
Speicher (2013), apresentam uma ferramenta de webdesign sensvel ao contexto que
auxilia os desenvolvedores na criao de layouts adaptativos especficos para condies
e preferncias individuais. A ideia central do CrowdAdapt permitir que os usurios
adaptem a interface para seu uso especfico em um contexto onde o design original pode
no ser suportado, como a exibio em navegadores em dispositivos mveis, por
exemplo.
Neste artigo apresentado tambm um experimento realizado sob um site de
notcias onde alternativas de layouts foram criadas pela "multido" de leitores,
informaes sobre diferentes situaes de visualizao foram coletadas e avaliada a
qualidade dos layouts criados em relao ao conforto para leitura e eficincia. A partir
dos dados coletados foi possvel obter informaes sobre as preferncias de visualizao
dos leitores, o que possibilita uma tomada de deciso mais acertiva na escolha do layout
padro do site. Na concluso o autor sugere linhas de pesquisa futuras sobre o tema, tal
qual a utilizao de agrupamentos por perfis de usurio, de modo a incentivar o
desenvolvimento de novas propostas nos moldes especificados no artigo [5].
O artigo The top responsive web design problems and how to avoid them,
Young, J. (2012) traz a tona 8 dos principais problemas envolvendo a tecnologia e
como evit-los. Para a criao deste artigo foi realizada uma pesquisa entre designers
sobre os problemas que eles encontravam na criao de sites totalmente responsivos. A
partir dos dados relatados o autor criou a lista dos principais problemas e sugestes de
como evit-los. Os problemas citados vo desde explicar a tecnologia aos clientes at
restries tcnicas em navegadores antigos, incluindo tempo de teste e custo, converso

de sites antigos, tratamento de tabelas, imagens, navegao e a falta de uma fase de

design esttica. Para cada problema oferecida uma soluo, geralmente simples, que
explora o potencial da tecnologia considerando as boas prticas de desenvolvimento
web ou fornecendo alternativas plausveis ao problema proposto. Na concluso o autor
resgata vantagens do responsive web design, reafirma que havero problemas devido a
ser uma tecnologia nova e que ainda necessita de maturidade, mas que muito
promissora para o desenvolvimento mvel.
Complementando as informaes apresentadas sobre os 4 artigos analisados, a
Tabela 3 mostra uma sntese em relao aos artigos de outros autores encontrados na
reviso, delineando o respectivo objetivo e uso de RWD.
Tabela 3 - Relao de autores com o objetivo de seu artigo e a utilizao de RWD.

Autor
Marcotte, E.

Knight, K.

Objetivo
Apresentar o conceito
Responsive Web Design ao
Mundo.
Apresentar um guia de
utilizao da tecnologia
Responsive Web Design

Gardner, B. S.

Apresentar a tecnologia do
ponto de vista do usurio.

Alston, P.

Apresentar as experincias
do autor em ensinar o
desenvolvimento de
aplicativos mveis.
Apresentar uma maneira de
melhorar a operao de um
site com uma mo em um
celular touchscreen.
Apresentar uma interface
para dispositivos moveis
para a ferramenta D-Space

Seipp, K. Devlin, K.

Tzoc, E.

Schneider, R. McCown, F.

Apresentar uma ferramenta

para descoberta de websites

Uso do Responsive Web

Design
Este artigo introduziu o
conceito, contextualizando
e exibindo tecnicamente
suas caractersticas.
Contextualiza e ensina
tcnicas para utilizao do
conceito por meio de
imagens, trechos de cdigo
e dicas.
Direciona o conceito
experincia do usurio,
relacionando com os
ganhos do usurio em
relao a conforto e tempo
de resposta da pgina.
Uma das estratgias que o
autor apresenta a seus
alunos o Responsive Web
Design.
Contextualiza o conceito,
mesmo que propondo uma
abordagem que no
envolve-o diretamente.
Considera a utilizao do
conceito para o
desenvolvimento futuro da
interface para a ferramenta.
Contextualiza o conceito e
considera-o em sua

mveis.

proposta.

A partir dos dados apresentados na Tabela 3, percebe-se que a maioria dos

artigos encontrados, apesar de abordar o tema no o trata como objetivo principal,
tendo-o como meio ou apenas como referncia ao que visa alcanar.

4. Consideraes Finais
Dada a importncia atual do tema Responsive Web Design frente ao contexto dos
diversos tipos de dispositivos de visualizao de informaes como smartphones,
tablets

e o crescimento que a utilizao destes dispositivos vem apresentando,

sobretudo no Brasil, o presente estudo teve como objetivo realizar uma reviso
sistemtica sobre responsive web design, buscando verificar o contexto atual de
publicao e direcionamento para futuras pesquisas. Como resultado verificou-se o que
vem sendo pesquisado e publicado academicamente em bases como IEEE, ACM e da
SBC a respeito da tecnologia RWD.
Este artigo mostrou por meio das anlises quantitativa e vertical que o tema
possui uma tendncia de crescimento, comparativamente a 2010, 2011 e 2012, devido
ao fato de a maior parte dos artigos encontrados terem sido publicados no ano de 2013.
A partir dos artigos analisados constata-se que apesar de uma tecnologia recente,
o RWD vem contribuindo para a melhoria do desenvolvimento web para dispositivos
mveis e justamente por ser recente, esta tecnologia oferece diversas possibilidades de
pesquisa e certamente trar melhorias de interao e responsividade no que diz respeito
a visualizao de sites em dispositivos mveis.
Referncias Bibliogrficas
[1] Marcotte, E. Responsive web design. A List Apart Magazine. Issue n 306, Maio
2010.
[2] Zemel, T. Web Design Responsivo: Pginas adaptveis para todos os dispositivos.
1 ed. So Paulo: Casa do Cdigo, 2013.
[3] CETIC.BR. TIC Domiclios e Usurios 2012. Fevereiro 2013. Disponvel em:
http://www.cetic.br/usuarios/tic/2012/ - Acesso em: 02/10/2013.

[4] Mohorovicic, S. Implementing Responsive Web Design for Enhanced Web Presence
IEEE. 36th International Convention on Information & Communication
Technology Electronics & Microelectronics (MIPRO), p. 555566, 2013.
[5] Nebeling, M. Speicher, M. Norrie, M. C. CrowdAdapt: Enabling Crowdsourced
Web Page Adaptation for Individual Viewing Conditions and Preferences. Proceedings
of the 5th ACM SIGCHI symposium on Engineering interactive computing
systems, p. 23-32, 2013.
[6] Johansen, R. D. Britto, T. C. P. Cusin, C. A. CSS browser selector plus: a JavaScript
library to support cross-browser responsive design. Proceedings of the 22nd
international conference on World Wide Web companion, p. 27-30, 2013.
[7] Gunelius, S. Why You Need to Prioritize Responsive Design Right Now, 2013.
Disponvel em: http://www.forbes.com/sites/work-in-progress/2013/03/26/why-youneed-to-prioritize-responsive-design-right-now/ - Acesso em: 14/10/2013.
[8] Google Developers. Building Smartphone-Optimized Websites, 2013. Disponvel
em: https://developers.google.com/webmasters/smartphone-sites/details/ - Acesso em:
14/10/2013.
[9] W3.ORG. Media Queries, W3C Recommendation. Junho 2012. Disponvel em:
http://www.w3.org/TR/css3-mediaqueries/ - Acesso em: 28/03/2013.
[10] Cashmore, P. Why 2013 is the year of responsive web design, Dezembro 2012.
http://mashable.com/2012/12/11/responsive-web-design/ - Acesso em: 16/07/2013.
[11] Bootstrap. Bootstrap, 2013. Disponvel em: http://getbootstrap.com/ - Acesso em:
27/10/2013
[12] Gomoby. Wireframes for each device, 2013. Disponvel
http://www.gomoby.co.uk/responsive-design/ - Acesso em 28/10/2013

em:

[13] Kitchenham, B. Guidelines for performing Systematic Literature Reviews in

Software Engineering. Department of Computer Science - University of Durham,
Durham, 2007.
[14] Schneider, R. McCown, F. First steps in archiving the mobile web: automated
discovery of mobile websites. Proceedings of the 13th ACM/IEEE-CS joint
conference on Digital libraries, p. 53-56, 2013.
[15] Alston, P. Teaching mobile web application development: challenges faced and
lessons learned. Proceedings of the 13th annual conference on Information
technology education, p. 239-244, 2012.
[16] Seipp, K. Devlin, K. Enhancing one-handed website operation on touchscreen
mobile phones. CHI '13 Extended Abstracts on Human Factors in Computing
Systems, p. 3123-3126, 2013.

[17] IEEE.ORG. Institute of Electrical and Electronics Engineers, 2013. Disponvel

em: http://www.ieee.org/ - Acesso em: 02/10/2013.
[18] ACM.ORG. Association for Computing Machinery, 2013.
http://www.acm.org/ - Acesso em: 02/10/2013.

Disponvel em:

[19] SBC.ORG.BR Sociedade Brasileira de Computao, 2013.

http://www.sbc.org.br/ - Acesso em: 02/10/2013.

Disponvel em:

[20] Google. Google Acadmico, 2013. Disponvel em: http://scholar.google.com.br/ Acesso em: 05/10/2013.
[21] Knight, K. Responsive Web Design: What It Is and How To Use It. Smashing
Magazine, p 21 - 27. Janeiro 2011
[22] Gardner, B. S. Responsive Web Design: Enriching the User Experience. Sigma
Magazine, v 11, n 1, p 13 - 19. Novembro, 2011.
[23] Young, J. The top responsive web design problems and how to avoid them. Net
Magazine, p 35 - 40. Agosto 2012
[24] Tzoc, E. A Mobile Interface for DSpace. D-Lib Magazine, v19 n3/4, Maro/Abril
2013.