• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Responsive Web Design
 

Responsive Web Design

on

  • 491 views

 

Statistics

Views

Total Views
491
Views on SlideShare
491
Embed Views
0

Actions

Likes
0
Downloads
5
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

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 Responsive Web Design Presentation Transcript

    • ¿Qué es Responsive Web Design/ Diseño Web Adaptable?
    • Los sitios web adaptables, responden a su ambiente.
    • Adaptativo(Multiple fixed layouts/Múltiples diseños adaptables para brindar la mejor experiencia a una audiencia más extensa) O Responsivo (Multiple fluid grid layouts/ Estructura fluida para adaptar el sitio web al entorno del usuario.)
    • ¿Por qué es importante? “Día tras día, crece el número de dispositivos,plataformas y exploradores que hacen uso de tu sitio. El diseño web adaptable representa un cambio fundamental en la manera en la que construimos sitios para la siguiente década.” - Jeffrey Veen
    • Pequeño + mediano + grandeun sitio para todas las pantallas.
    • ¿Quién lo está haciendo? No solo demos, sitios de diseño y de vanidades. Clientes reales.
    • The Boston GlobeEl proyecto de diseño web adaptable más grande hasta el momento.
    • Grey GooseSitio adaptable con animación de desplazamiento parallax.
    • Barak ObamaLa campaña de Obama se situó como líder en tecnología y diseño web.
    • … y muchos más.
    • ¿Cuándo utilizarlo? Cosas a considerar: Tiempo y dineroCompatibilidad con exploradores Funcionalidad Contenido Sitio web vs. Aplicación web
    • Frameworks (Estructura previa – ahorra tiempo.)Crear una estructura propia (Mayor control)
    • Buenas prácticas Revisión de contenido Empezar pequeño (móviles)Salir de Photoshop, entrar al explorador Optimizar siempre
    • Nuevas y mejores prácticas van surgiendo constantemente.
    • Fuente:“What The Heck Is Responsive Web Design?” (John Polacek)