Your SlideShare is downloading. ×

Inmersión a HTML5

986

Published on

Inmersión a HTML5 y Videojuegos

Inmersión a HTML5 y Videojuegos

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

No Downloads
Views
Total Views
986
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
29
Comments
0
Likes
1
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. Inmersión a HTML5 y VideojuegosAlexander Cubillos Jauregui
  • 2. ¿ QUÉ NO ES HTML5 ?• NO es un lenguaje de programación • NO es el remplazo de FLASH
  • 3. ¿ QUÉ ES HTML5 ?HTML5 ES UNA COLECCIÓN DE ESTÁNDARES PARA EL DESARROLLO Y DISEÑO DE PÁGINAS WEB.
  • 4. ? WHATWGWEB HYPERTEXT APPLICATION TECHNOLOGY WORKING GROUP
  • 5. ? W3CWORLD WIDE WEB CONSORTIUM
  • 6. ALGUNOS DE LOS OBJETIVOS DE HTML5 • SOPORTAR EL CONTENIDO EXISTENTE. • SER INDEPENDIENTE DEL DISPOSITIVO. • REDUCIR LA NECESIDAD DE PLUGINS EXTERNOS (SILVERLIGHT, FLASH, OTROS). • LAS NUEVAS CARACTERÍSTICAS DEBEN BASARSE EN HTML, CSS, DOM Y JAVASCRIPT. • MEJOR MANEJO DE ERRORES.
  • 7. NUEVOS ELEMENTOS DE SEMÁNTICA
  • 8. http://goo.gl/Zxmf
  • 9. NUEVO DOCTYPE
  • 10. <META ...>
  • 11. NO MÁS TYPE=“” EN<SCRIPT /> Y <LINK />
  • 12. ALGUNAS DE LAS NUEVAS ETIQUETAS
  • 13. • <HEADER> • <FIGURE>• <SECTION> • <SMALL> Redefined• <ARTICLE> • <MARK>• <NAV> • <OUTPUT>• <ASIDE> • <AUDIO>• <CANVAS> • <VIDEO>• <SVG>
  • 14. MAQUETAR EN HTML5
  • 15. Input[Type] • number • datetime, • range datetime-local, • email date, • url month, • search week, • color time • tel
  • 16. NUEVOS ATRIBUTOS • autofocus • novalidate • placeholder • formaction • form • formenctype • required • formmethod • autocomplete • formnovalidate • pattern • formtarget • dirname • contenteditable
  • 17. DATA ATTRIBUTE
  • 18. DETECTAR EL SOPORTE DE ATRIBUTOS
  • 19. AUDIO Y VIDEO
  • 20. FORMATOS QUE SOPORTAN LOSNAVEGADORES MÁS USADOS DE FORMA NATIVA
  • 21. AUDIO CODECS
  • 22. VIDEO CODECS
  • 23. GRÁFICAS 2D & 3D
  • 24. WEBGLEs un tecnología que permite generar gráficos 3D acelerados por hardware en el navegador, sin necesidad de instalar nuevo software
  • 25. <CANVAS>Es un entorno para crear imágenes dinámicas.
  • 26. EJEMPLO CANVAShttp://disneydigitalbooks.go.com/tron/
  • 27. <SVG> Scalable Vector GraphicsEs un formato que te permite realizar gráficos vectoriales escalables en la web.
  • 28. EJEMPLO SVG http://www.drawastickman.com/
  • 29. CSS3Cascading Style Sheets level 3 http://lea.verou.me/css3-secrets/
  • 30. TRANSICIONES
  • 31. ANIMACIONES
  • 32. CSS TRANSFORMACIONES
  • 33. VIDEOJUEGOS
  • 34. FRAMEWORKS
  • 35. http://impactjs.com/
  • 36. http://www.scirra.com/construct2
  • 37. ¿ CON QUÉ TRABAJAR HTML5 ?
  • 38. PARA LA PLAYBOOK
  • 39. PROGRAMAR ES MUY FÁCIL
  • 40. PROGRAMAR ES MUY FÁCIL
  • 41. ¿ PREGUNTAS ? Soporte@himediadigital.com
  • 42. MUCHAS GRACIASAlexander Cubillos JaureguiSoporte: Soporte@himediadigital.com

×