Your SlideShare is downloading. ×
Tendencias de maquetacion
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Tendencias de maquetacion

194
views

Published on

Presentación que compara los tipos de maquetación cunpliendo con standares de Responsive design y Adaptive Design según tipo de proyecto o dispositivo en el que vaa ser navegado un sitio web o …

Presentación que compara los tipos de maquetación cunpliendo con standares de Responsive design y Adaptive Design según tipo de proyecto o dispositivo en el que vaa ser navegado un sitio web o plataforma.

Published in: Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
194
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Tendencias 2013 Maquetación en diferentes browsers y dispositivos | Responsive vs. Adaptive
  • 2. TENDENCIAS ▐ Consideraciones para diferentes browsers ▐ Viabilidad en cada browser ▐ Dispositivos (mobile y tabletas)
  • 3. CONSIDERACIONES PARA DIFERENTES BROWSERS |Tradicionalmente los websites o plataformas online se verifican para los siguientes exploradores en una pc: Explorer (8, 9 y 10), Chrome, Firefox, Safari. | Es indispensable definir, mediante herramientas de medición y estadísticas (por ejemplo, Google Analytics) si también se debe verificar dicha plataforma en Explorer 7. Esta versión del explorador suele restringir las elecciones del tipo de desarrollo a proponer. | Por ejemplo, ciertas formas en el diseño (bordes redondeados, sombras aplicadas por css) no se ven. Por ejemplo: http://www.krikos.com.ar/facturasdemo/Home/login
  • 4. CONSIDERACIONES PARA DIFERENTES BROWSERS |Sobre Explorer 9
  • 5. CONSIDERACIONES PARA DIFERENTES BROWSERS |Sobre Explorer 7
  • 6. DISPOSITIVOS: MOBILE Y TABLETAS | Mediante las mismas herramientas de medición y estadísticas, resulta necesario analizar las plataformas, dispositivos sobre las cuales va a ser requerimiento replantear la plataforma. | Para ello se debe plantear, a su vez, si la maquetación a utilizar será Responsive o Adaptive. Maquetación Responsive: Este tipo de maquetación se realiza a través del uso de una grilla que permita adaptar una misma estructura maquetada a diferentes dispositivos. Se utiliza un solo css que divide por módulos la estructura y los adapta a, visualización en PC, tabletas y dispositivos móviles. Maquetación Adaptive: Este tipo de maquetación se realiza adaptando un css para cada dispositivo específico (con diferentes anchos y altos de pantalla).
  • 7. DISPOSITIVOS: MOBILE Y TABLETAS |Ejemplo de estructura responsive
  • 8. DISPOSITIVOS: MOBILE Y TABLETAS |Ejemplo de implementación responsive
  • 9. DISPOSITIVOS: MOBILE Y TABLETAS |Ejemplo de implementación adaptive CASO: Provincia NET. Aplicación para geolocalización de sucursales
  • 10. DISPOSITIVOS: MOBILE Y TABLETAS |Ejemplo de implementación adaptive CASO: Provincia NET. Aplicación para geolocalización de sucursales
  • 11. DISPOSITIVOS: MOBILE Y TABLETAS |Ejemplo de implementación adaptive CASO: Buenas Vibras Viajes. Web mobile
  • 12. DISPOSITIVOS: MOBILE Y TABLETAS |Algunas estadísticas de usos Referencia: Online Marketing Day, Julio de 2013
  • 13. DISPOSITIVOS: MOBILE Y TABLETAS |Algunas estadísticas de usos Referencia: Online Marketing Day, Julio de 2013
  • 14. DISPOSITIVOS: MOBILE Y TABLETAS |Algunas estadísticas de usos Referencia: Online Marketing Day, Julio de 2013
  • 15. Luciana Monaco Vanesa Gambirazio www. id4you.com Monroe 4181 PB A | CABA | Argentina