El documento habla sobre las nuevas tecnologías para crear sitios web más allá de HTML5, incluyendo nuevas etiquetas semánticas, APIs para dibujar, almacenar datos offline, arrastrar y soltar, y más. También discute los cambios en CSS3 como transiciones, transformaciones y animaciones, y el desarrollo de sitios web para dispositivos móviles usando diferentes navegadores.

1. 1
Más allá de HTML5
Lic. Maximiliano Firtman -
@firt

2. ¿Vas a seguir haciendo webs como
hace 15 años?
2

3. +
Lic. Maximiliano Firtman
Autor | Speaker | Trainer| Developer
firt.mobi | @firt
Pictures from freedigitalphotos.net
libroajax.com

4. +
www.mobilexweb.com
Pictures from freedigitalphotos.net

5. HTML5, HTML 5 y
estándares
5

6. Nuevas etiquetas semánticas
6

7. Etiquetas multimedia
7

8. Microdata y datos personalizados
8

9. Nuevo Flexible Box Model
9

10. ¿APIs en HTML5?
10

11. Drawing 2D API
(aka Canvas)
11

12. Offline API
(aka AppCache)
12

13. Web Storage API
13

14. Web SQL Storage API ???
14

15. IndexedStorage API
15

16. Drag and Drop API
16

17. Drawing 3D API (aka WebGL)
17

18. Web Workers API
18

19. Web Sockets API
19

20. File API
20

21. Audio API
21

22. Notifications API
22

23. Geolocation API
23

24. Accelerometer API
24

25. CSS3
25

26. Cambios “Simples”
estilos y selectores
26

27. Transiciones
27

28. Transformaciones
2D y 3D
28

29. Animaciones
29

30. Otras
Yerbas
30

31. SVG y SVG inline
31

32. Data URI
32

33. (multi) Touch Events
33

34. Viewport
34

35. Pixel Ratio
35

36. Device Interactions API
Mobile
TV
36

37. Native Application Interaction
37

38. Widget/Webapps/Hybrid APIs
38

39. Browsers Mobile
39

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. 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. Mobile Browsers
• User installable
• Opera Mobile
• Opera Mini
• Firefox
• UC Browser
• Skyfire
• BOLT
• Chromium

43. + Podremos crear un sólo código
para todas las plataformas?

44. +
Mejora Progresiva

45. Html5rocks.com
caniuse.com
html5readiness.com
mobilexweb.com
modernizr.com
45

46. 46
Maximiliano R. Firtman - @firt
Consultas