SlideShare une entreprise Scribd logo
1  sur  7
RESPONSIVE WEB
DESIGN



Eduardo Shimabuko Goya
Recordando…
   Adaptar los elementos de un web page al
    entorno del usuario
   Uso de media queries
   Beneficio
Desventajas
   Mayor tiempo y esfuerzo para codificar
   Imágenes escaladas; mismo tamaño de
    archivo
   No elimina código no utilizado
   Su desarrollo debe ser justificado
Framework
   Foundation 3
   Responsive Grid System
   Ingrid
Referencias útiles
   http://www.alistapart.com/articles/responsive-
    web-design/

   http://coding.smashingmagazine.com/2011/01/
    12/guidelines-for-responsive-web-design/

   http://sixrevisions.com/web_design/understand
    ing-the-elements-of-responsive-web-design/
Referencias útiles
   http://foundation.zurb.com/
   http://www.responsivegridsystem.com/
   http://piira.se/projects/ingrid/
Gracias

Contenu connexe

En vedette

Articlefunctional theory
Articlefunctional theoryArticlefunctional theory
Articlefunctional theorySubhankar Basu
 
Leveraging TFS for Driving Process Improvement using Lean Principles
Leveraging TFS for Driving Process Improvement using Lean PrinciplesLeveraging TFS for Driving Process Improvement using Lean Principles
Leveraging TFS for Driving Process Improvement using Lean PrinciplesSrini Kadiam
 
PRWEEK MSLGROUP Social Media Survey
PRWEEK MSLGROUP Social Media SurveyPRWEEK MSLGROUP Social Media Survey
PRWEEK MSLGROUP Social Media SurveyMSLGROUP Americas
 
R cuda presentation_ib_features_120704
R cuda presentation_ib_features_120704R cuda presentation_ib_features_120704
R cuda presentation_ib_features_120704Olexandr Isayev
 
Application Architecture Jumpstart
Application Architecture JumpstartApplication Architecture Jumpstart
Application Architecture JumpstartClint Edmonson
 
4.john milton and his time
4.john milton and his time4.john milton and his time
4.john milton and his timemaliterature
 
Herramientas Web 2.0 y su aplicación en salud
Herramientas Web 2.0 y su aplicación en saludHerramientas Web 2.0 y su aplicación en salud
Herramientas Web 2.0 y su aplicación en saludSofia
 
Chapter 8 transport in humans
Chapter 8 transport in humansChapter 8 transport in humans
Chapter 8 transport in humanschenghong03
 
Paravertebral Cevical Sympathetic Block
Paravertebral Cevical Sympathetic BlockParavertebral Cevical Sympathetic Block
Paravertebral Cevical Sympathetic Blockcairo1957
 
Q2 2010-mobile-video-ad-report final
Q2 2010-mobile-video-ad-report finalQ2 2010-mobile-video-ad-report final
Q2 2010-mobile-video-ad-report finalMediaRoni
 

En vedette (13)

Articlefunctional theory
Articlefunctional theoryArticlefunctional theory
Articlefunctional theory
 
Último Cómputo - Persona 2011
Último Cómputo - Persona 2011Último Cómputo - Persona 2011
Último Cómputo - Persona 2011
 
Leveraging TFS for Driving Process Improvement using Lean Principles
Leveraging TFS for Driving Process Improvement using Lean PrinciplesLeveraging TFS for Driving Process Improvement using Lean Principles
Leveraging TFS for Driving Process Improvement using Lean Principles
 
Revista
RevistaRevista
Revista
 
PRWEEK MSLGROUP Social Media Survey
PRWEEK MSLGROUP Social Media SurveyPRWEEK MSLGROUP Social Media Survey
PRWEEK MSLGROUP Social Media Survey
 
R cuda presentation_ib_features_120704
R cuda presentation_ib_features_120704R cuda presentation_ib_features_120704
R cuda presentation_ib_features_120704
 
Application Architecture Jumpstart
Application Architecture JumpstartApplication Architecture Jumpstart
Application Architecture Jumpstart
 
4.john milton and his time
4.john milton and his time4.john milton and his time
4.john milton and his time
 
Herramientas Web 2.0 y su aplicación en salud
Herramientas Web 2.0 y su aplicación en saludHerramientas Web 2.0 y su aplicación en salud
Herramientas Web 2.0 y su aplicación en salud
 
PTW Water Cube
PTW Water CubePTW Water Cube
PTW Water Cube
 
Chapter 8 transport in humans
Chapter 8 transport in humansChapter 8 transport in humans
Chapter 8 transport in humans
 
Paravertebral Cevical Sympathetic Block
Paravertebral Cevical Sympathetic BlockParavertebral Cevical Sympathetic Block
Paravertebral Cevical Sympathetic Block
 
Q2 2010-mobile-video-ad-report final
Q2 2010-mobile-video-ad-report finalQ2 2010-mobile-video-ad-report final
Q2 2010-mobile-video-ad-report final
 

Similaire à Responsivewebdesign part2

Similaire à Responsivewebdesign part2 (20)

En 20 minutos ... Responsive Design
En 20 minutos ... Responsive DesignEn 20 minutos ... Responsive Design
En 20 minutos ... Responsive Design
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Proyecto de aula nuevo periodo 3 Grado 11
Proyecto de aula nuevo periodo 3 Grado 11Proyecto de aula nuevo periodo 3 Grado 11
Proyecto de aula nuevo periodo 3 Grado 11
 
Bases pag web 4
Bases pag web 4Bases pag web 4
Bases pag web 4
 
Silabo diseño web
Silabo   diseño webSilabo   diseño web
Silabo diseño web
 
Sama ntha
Sama nthaSama ntha
Sama ntha
 
Smad IT - Responsive Web Design
Smad IT - Responsive Web DesignSmad IT - Responsive Web Design
Smad IT - Responsive Web Design
 
Sobre disenno de_sitios_web
Sobre disenno de_sitios_webSobre disenno de_sitios_web
Sobre disenno de_sitios_web
 
Diseño: ideas creativas que ayudan a vender
Diseño: ideas creativas que ayudan a venderDiseño: ideas creativas que ayudan a vender
Diseño: ideas creativas que ayudan a vender
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
 
Remodelación del sitio Web de Canaima GNU/Linux
Remodelación del sitio Web de Canaima GNU/LinuxRemodelación del sitio Web de Canaima GNU/Linux
Remodelación del sitio Web de Canaima GNU/Linux
 
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
 
Comp2 guia2
Comp2 guia2Comp2 guia2
Comp2 guia2
 
Capitulo 13 sfdsgfg
Capitulo 13  sfdsgfgCapitulo 13  sfdsgfg
Capitulo 13 sfdsgfg
 
Tema 6
Tema 6Tema 6
Tema 6
 
Valoracion de los recursos tic
Valoracion de los recursos ticValoracion de los recursos tic
Valoracion de los recursos tic
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
Taller Web 2010
Taller Web 2010Taller Web 2010
Taller Web 2010
 

Responsivewebdesign part2

  • 2. Recordando…  Adaptar los elementos de un web page al entorno del usuario  Uso de media queries  Beneficio
  • 3. Desventajas  Mayor tiempo y esfuerzo para codificar  Imágenes escaladas; mismo tamaño de archivo  No elimina código no utilizado  Su desarrollo debe ser justificado
  • 4. Framework  Foundation 3  Responsive Grid System  Ingrid
  • 5. Referencias útiles  http://www.alistapart.com/articles/responsive- web-design/  http://coding.smashingmagazine.com/2011/01/ 12/guidelines-for-responsive-web-design/  http://sixrevisions.com/web_design/understand ing-the-elements-of-responsive-web-design/
  • 6. Referencias útiles  http://foundation.zurb.com/  http://www.responsivegridsystem.com/  http://piira.se/projects/ingrid/