• Save
Responsive web design
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Responsive web design

on

  • 1,517 views

Diapositivas utilizadas para la charla realizada en la Universidad Tecnológica de los Andes sobre Responsive Web Design

Diapositivas utilizadas para la charla realizada en la Universidad Tecnológica de los Andes sobre Responsive Web Design

Statistics

Views

Total Views
1,517
Views on SlideShare
1,015
Embed Views
502

Actions

Likes
0
Downloads
0
Comments
0

3 Embeds 502

http://www.didjeram.com 488
http://animactiva.com 13
http://translate.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Responsive web design Presentation Transcript

  • 1. Responsive WebDesignIng. Alexander Acurio
  • 2. El cambio de una computadora por el uso decelulares hacen que casi todos los nuevosclientes por estos días quieran una versiónmóvil de sus sitios web.En los próximos cinco años necesitaremosdiseñar para otro sin número de nuevosdispositivos.
  • 3. ¿Cuándo acabará esta locura? No lo hará…
  • 4. Sólo por mencionar algunos…
  • 5. Pero… ¿Qué es Responsive?Diseño que responde a:• Comportamiento del usuario.• Resolución de pantalla.• Plataforma.• Orientación. Utilizar: • Layouts flexibles. • Imágenes flexibles. • CSS Media Queries.
  • 6. ¿Qué beneficios tengo?• Tu sitio se podrá ver, literalmente, en cualquier lado.• Los sitios móviles actuales son pobremente diseñados.• SEO: Optimización para motores de búsqueda.
  • 7. Navegadores que lo soportan •IE8+ •Safari •Firefox •Chrome •Opera
  • 8. Y… ¿Cómo lo hacemos?
  • 9. Responsive WebDesign Frameworks¿Por qué reinventar la pólvora?
  • 10. Y… ¿qué más?• Stuff&Nonsense : Framework basado en HTML5 BoilerPlate (JQuery, Modernizr, Normalize.css)• ScreenFly : Pruebas de resoluciones• Sencha : IDE• Imágenes responsivas• Masonry : Layouts dinámicos
  • 11. didjeram.com | info@didjeram.comdidjeram didjeram