SlideShare uma empresa Scribd logo
1 de 26
Marco Bruno Silva
<marco.silva@locaweb.com.br>




William Bruno Moraes
<william.moraes@locaweb.com.br>
http://wbruno.com.br
https://github.com/wbruno/
Responsive
      Web Design              wbruno.com.br/mobile



              contra
“A grande variedade de dispositivos”
?
?
wbruno.com.br/mobile
Download Framework WP em html5 – Locaweb 2012
https://github.com/wbruno/blog-lw2012
O que é ?
Marco Bruno Silva
<marco.silva@locaweb.com.br>




William Bruno Moraes
<william.moraes@locaweb.com.br>
http://wbruno.com.br
https://github.com/wbruno/

Mais conteúdo relacionado

Destaque

Destaque (9)

7
77
7
 
Album roberto2
Album roberto2Album roberto2
Album roberto2
 
A megasom vai fechar
A megasom vai fecharA megasom vai fechar
A megasom vai fechar
 
Cara Membuat Blog melalui Blogger
Cara Membuat Blog melalui BloggerCara Membuat Blog melalui Blogger
Cara Membuat Blog melalui Blogger
 
Apresentação Starlight
Apresentação StarlightApresentação Starlight
Apresentação Starlight
 
Sistemas de computo
Sistemas de computoSistemas de computo
Sistemas de computo
 
Cara Membuat Blog
Cara Membuat BlogCara Membuat Blog
Cara Membuat Blog
 
D the.presentasi tugas
D the.presentasi tugasD the.presentasi tugas
D the.presentasi tugas
 
Hukum-Hukum Dasar Kimia
Hukum-Hukum Dasar KimiaHukum-Hukum Dasar Kimia
Hukum-Hukum Dasar Kimia
 

Mais de William Bruno Moraes

Mais de William Bruno Moraes (10)

blz-ecomm.pdf
blz-ecomm.pdfblz-ecomm.pdf
blz-ecomm.pdf
 
Projetando um clube fidelidade para 50 milhões de clientes
Projetando um clube fidelidade para 50 milhões de clientesProjetando um clube fidelidade para 50 milhões de clientes
Projetando um clube fidelidade para 50 milhões de clientes
 
Javascript fullstasck
Javascript fullstasckJavascript fullstasck
Javascript fullstasck
 
Functional javascript
Functional javascriptFunctional javascript
Functional javascript
 
APIs REST escaláveis
APIs REST escaláveisAPIs REST escaláveis
APIs REST escaláveis
 
Nodejs in Production
Nodejs in ProductionNodejs in Production
Nodejs in Production
 
I Promise You
I Promise YouI Promise You
I Promise You
 
Boas Práticas em jQuery
Boas Práticas em jQueryBoas Práticas em jQuery
Boas Práticas em jQuery
 
Repensando seu CSS - Boas práticas e performance
Repensando seu CSS - Boas práticas e performanceRepensando seu CSS - Boas práticas e performance
Repensando seu CSS - Boas práticas e performance
 
Afinal o que é a web
Afinal o que é a webAfinal o que é a web
Afinal o que é a web
 

Último

Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfCharlesFranklin13
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Érica Pizzino
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 

Último (8)

Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdf
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 

Responsive webdesign

Notas do Editor

  1. confusão, dificuldades.. entregar conteudo acessivel para todos os meios de acesso
  2. Desafio Inovação: Flash
  3. Flash é um problema.
  4. versão estática, jpg do final da animação
  5. Flash?
  6. Responsivo da maneira correta.
  7. Site Mobile: responsive apenas para dispositivos mobiles
  8. Blog Locaweb: responsive para tudo. Uma única URL.
  9. ----- Meeting Notes (03/07/12 18:40) ----- Tema responsivo. Se adapta a largura da tela.
  10. ----- Meeting Notes (03/07/12 18:37) ----- Teste Mobile, verde suporta media querie, vermelho NÃO suporta.
  11. Quando usar? ----- Meeting Notes (03/07/12 23:38) ----- Abrir perguntas… ----- Meeting Notes (03/07/12 23:43) ----- Vocês! Liberamos o template resposivo.
  12. Blog Locaweb: responsive para tudo. Uma única URL.
  13. ----- Meeting Notes (03/07/12 23:43) ----- olhar o tempo. Ou código ou pergunta