HTML5, Viewports, CSS3 y otras yerbas

3,561 views
3,510 views

Published on

Charla en #barcampba

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,561
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML5, Viewports, CSS3 y otras yerbas

  1. 1. 1 Más allá de HTML5 Lic. Maximiliano Firtman - @firt
  2. 2. ¿Vas a seguir haciendo webs como hace 15 años? 2
  3. 3. + Lic. Maximiliano Firtman Autor | Speaker | Trainer| Developer firt.mobi | @firt Pictures from freedigitalphotos.net libroajax.com
  4. 4. + www.mobilexweb.com Pictures from freedigitalphotos.net
  5. 5. HTML5, HTML 5 y estándares 5
  6. 6. Nuevas etiquetas semánticas 6
  7. 7. Etiquetas multimedia 7
  8. 8. Microdata y datos personalizados 8
  9. 9. Nuevo Flexible Box Model 9
  10. 10. ¿APIs en HTML5? 10
  11. 11. Drawing 2D API (aka Canvas) 11
  12. 12. Offline API (aka AppCache) 12
  13. 13. Web Storage API 13
  14. 14. Web SQL Storage API ??? 14
  15. 15. IndexedStorage API 15
  16. 16. Drag and Drop API 16
  17. 17. Drawing 3D API (aka WebGL) 17
  18. 18. Web Workers API 18
  19. 19. Web Sockets API 19
  20. 20. File API 20
  21. 21. Audio API 21
  22. 22. Notifications API 22
  23. 23. Geolocation API 23
  24. 24. Accelerometer API 24
  25. 25. CSS3 25
  26. 26. Cambios “Simples” estilos y selectores 26
  27. 27. Transiciones 27
  28. 28. Transformaciones 2D y 3D 28
  29. 29. Animaciones 29
  30. 30. Otras Yerbas 30
  31. 31. SVG y SVG inline 31
  32. 32. Data URI 32
  33. 33. (multi) Touch Events 33
  34. 34. Viewport 34
  35. 35. Pixel Ratio 35
  36. 36. Device Interactions API Mobile TV 36
  37. 37. Native Application Interaction 37
  38. 38. Widget/Webapps/Hybrid APIs 38
  39. 39. Browsers Mobile 39
  40. 40. Mobile Browsers • WebKit-based pre-installed • Safari on iOS • Android browser • Symbian browser • webOS browser • Series 40 browser from 6th edition • Bada browser • (future) BlackBerry browser
  41. 41. Mobile Browsers • Non-WebKit preinstalled • NetFront browser • Myriad browser (formerly Openwave) • Internet Explorer • Web Browser for Series 40 (up to 6th edition) • MIB Motorola Internet Browser • BlackBerry browser • NTT Docomo i-mode browser • Obigo-Teleca browser • microB (Maemo / MeeGo)
  42. 42. Mobile Browsers • User installable • Opera Mobile • Opera Mini • Firefox • UC Browser • Skyfire • BOLT • Chromium
  43. 43. + Podremos crear un sólo código para todas las plataformas?
  44. 44. + Mejora Progresiva
  45. 45. Html5rocks.com caniuse.com html5readiness.com mobilexweb.com modernizr.com 45
  46. 46. 46 Maximiliano R. Firtman - @firt Consultas

×