SlideShare uma empresa Scribd logo
1 de 16
Baixar para ler offline
Responsive Web Design Manoel dos Santos manoeldossantos@gmail.com  @manoeldossantos
Quem?
Respons... O quê? ,[object Object]
Vários Dispositivos
W3C diz: ,[object Object]
Vale o esforço? ,[object Object],[object Object],[object Object],[object Object]
Responsive Web Design é ,[object Object],[object Object],[object Object]
 
Responsive Web Design não é ,[object Object]
Legal! Como eu começo? ,[object Object],[object Object]
Recapitulando ,[object Object],[object Object],[object Object]
Grid Flexível ,[object Object],[object Object],[object Object]
Imagens Flexíveis ,[object Object],[object Object],[object Object],[object Object]
Media Queries ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Quem usa isso? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Links ,[object Object],[object Object],[object Object],[object Object]

Mais conteúdo relacionado

Semelhante a Responsive Web Design

Comunicação Mobile
Comunicação MobileComunicação Mobile
Comunicação Mobilelineacom
 
A importância de sites otimizados para dispositivos móveis
A importância de sites otimizados para dispositivos móveisA importância de sites otimizados para dispositivos móveis
A importância de sites otimizados para dispositivos móveisJean de Carvalho
 
Design Para Multiplas Telas #InfoTrends2013
Design Para Multiplas Telas #InfoTrends2013Design Para Multiplas Telas #InfoTrends2013
Design Para Multiplas Telas #InfoTrends2013Everaldo Coelho
 
Frameworks front end para design responsivo
Frameworks front end para design responsivoFrameworks front end para design responsivo
Frameworks front end para design responsivoAirton Zanon
 
Dica fundao-sites-responsivos-140528101304-phpapp02
Dica fundao-sites-responsivos-140528101304-phpapp02Dica fundao-sites-responsivos-140528101304-phpapp02
Dica fundao-sites-responsivos-140528101304-phpapp02Bruno da Silva
 
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Augusto César Albuquerque
 
Avaliação em mobile web sites - CISTI2010
Avaliação em mobile web sites - CISTI2010Avaliação em mobile web sites - CISTI2010
Avaliação em mobile web sites - CISTI2010Paulo Santos
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive DesignEdu Agni
 
"Estratégia para “Responsive UX”"- #7 Industry Sessions by EDIT. / UX & Resp...
"Estratégia para “Responsive UX”"-  #7 Industry Sessions by EDIT. / UX & Resp..."Estratégia para “Responsive UX”"-  #7 Industry Sessions by EDIT. / UX & Resp...
"Estratégia para “Responsive UX”"- #7 Industry Sessions by EDIT. / UX & Resp...EDIT. - Disruptive Digital Education
 
Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)Edu Agni
 
UX - User Experience (Experiência do usuário) para Mobile
UX - User Experience (Experiência do usuário) para MobileUX - User Experience (Experiência do usuário) para Mobile
UX - User Experience (Experiência do usuário) para MobileCamila Massaneiro dos Santos
 
Web Design Responsivo: Soluções para múltiplos dispositivos
Web Design Responsivo: Soluções para múltiplos dispositivosWeb Design Responsivo: Soluções para múltiplos dispositivos
Web Design Responsivo: Soluções para múltiplos dispositivosJoão Rafael
 

Semelhante a Responsive Web Design (20)

Comunicação Mobile
Comunicação MobileComunicação Mobile
Comunicação Mobile
 
A importância de sites otimizados para dispositivos móveis
A importância de sites otimizados para dispositivos móveisA importância de sites otimizados para dispositivos móveis
A importância de sites otimizados para dispositivos móveis
 
Design Para Multiplas Telas #InfoTrends2013
Design Para Multiplas Telas #InfoTrends2013Design Para Multiplas Telas #InfoTrends2013
Design Para Multiplas Telas #InfoTrends2013
 
Frameworks front end para design responsivo
Frameworks front end para design responsivoFrameworks front end para design responsivo
Frameworks front end para design responsivo
 
Dica fundao-sites-responsivos-140528101304-phpapp02
Dica fundao-sites-responsivos-140528101304-phpapp02Dica fundao-sites-responsivos-140528101304-phpapp02
Dica fundao-sites-responsivos-140528101304-phpapp02
 
Sites responsivos
Sites responsivosSites responsivos
Sites responsivos
 
Jquery Mobile
Jquery MobileJquery Mobile
Jquery Mobile
 
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
 
Avaliação em mobile web sites - CISTI2010
Avaliação em mobile web sites - CISTI2010Avaliação em mobile web sites - CISTI2010
Avaliação em mobile web sites - CISTI2010
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive Design
 
Responsive wordpress
Responsive wordpressResponsive wordpress
Responsive wordpress
 
"Estratégia para “Responsive UX”"- #7 Industry Sessions by EDIT. / UX & Resp...
"Estratégia para “Responsive UX”"-  #7 Industry Sessions by EDIT. / UX & Resp..."Estratégia para “Responsive UX”"-  #7 Industry Sessions by EDIT. / UX & Resp...
"Estratégia para “Responsive UX”"- #7 Industry Sessions by EDIT. / UX & Resp...
 
Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)
 
PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014
PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014
PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014
 
Webmovelticlinguas
WebmovelticlinguasWebmovelticlinguas
Webmovelticlinguas
 
Webmovelticlinguas
WebmovelticlinguasWebmovelticlinguas
Webmovelticlinguas
 
UX - User Experience (Experiência do usuário) para Mobile
UX - User Experience (Experiência do usuário) para MobileUX - User Experience (Experiência do usuário) para Mobile
UX - User Experience (Experiência do usuário) para Mobile
 
Responsive Web Design - Wireframe
Responsive Web Design - WireframeResponsive Web Design - Wireframe
Responsive Web Design - Wireframe
 
Web Design Responsivo: Soluções para múltiplos dispositivos
Web Design Responsivo: Soluções para múltiplos dispositivosWeb Design Responsivo: Soluções para múltiplos dispositivos
Web Design Responsivo: Soluções para múltiplos dispositivos
 
Web2movel
Web2movelWeb2movel
Web2movel
 

Mais de Manoel dos Santos

Mais de Manoel dos Santos (9)

Design para inovação
Design para inovaçãoDesign para inovação
Design para inovação
 
Metro UI na IxDA Floripa
Metro UI na IxDA FloripaMetro UI na IxDA Floripa
Metro UI na IxDA Floripa
 
Metro para Windows Phone
Metro para Windows PhoneMetro para Windows Phone
Metro para Windows Phone
 
Interface Metro para Windows Phone
Interface Metro para Windows PhoneInterface Metro para Windows Phone
Interface Metro para Windows Phone
 
Metro para Windows Phone 7
Metro para Windows Phone 7Metro para Windows Phone 7
Metro para Windows Phone 7
 
Minicurso HTML5
Minicurso HTML5Minicurso HTML5
Minicurso HTML5
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
HTML5 & CSS3 - A Evolução da Web
HTML5 & CSS3 - A Evolução da WebHTML5 & CSS3 - A Evolução da Web
HTML5 & CSS3 - A Evolução da Web
 
E-ncendio
E-ncendioE-ncendio
E-ncendio
 

Responsive Web Design