Herramientas de desarrollo e implementacion

720 views

Published on

Curso de HTML5: Herramientas de desarrollo e implementacion

Como aplicar todo lo aprendido en el curso en el mundo real.

Mejora progresiva y adaptación a los diferentes navegadores del mercado

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

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

No notes for slide

Herramientas de desarrollo e implementacion

  1. 1. Herramientas de desarrollo e implementacionMonday, December 5, 11
  2. 2. Herramientas de desarrollo e implementacion OMG esto era facil!Monday, December 5, 11
  3. 3. Internet esta avanzandoMonday, December 5, 11
  4. 4. http://html5readiness.com/Monday, December 5, 11
  5. 5. http://caniuse.com/Monday, December 5, 11
  6. 6. http://findmebyip.com/litmusMonday, December 5, 11
  7. 7. Monday, December 5, 11
  8. 8. IE6 ESTA MUERTOMonday, December 5, 11
  9. 9. en uno de estos esta el IE6! No solo yo lo digo!Monday, December 5, 11
  10. 10. http://gs.statcounter.com/#browser_version-CL- monthly-201011-201110-barMonday, December 5, 11
  11. 11. http://www.ie6countdown.com/Monday, December 5, 11
  12. 12. NO MAS IE6!! no mas freno a la internetMonday, December 5, 11
  13. 13. Creemos experiencias innovadoras que se adapten en navegadores antiguosMonday, December 5, 11
  14. 14. Progressive EnhancementMonday, December 5, 11
  15. 15. Progressive Enhancement Mejorar progresivamente la experiencia, segun las capacidades del usuario.Monday, December 5, 11
  16. 16. <video> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" id="movie_name" align="middle"> <param name="movie" value="movie_name.swf"/> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="movie_name.swf" width="550" height="400"> <param name="movie" value="movie_name.swf"/> <!--<![endif]--> <a href="http://www.adobe.com/go/getflash"> <img src="http://www.adobe.com/images/shared/download_buttons/ get_flash_player.gif" alt="Get Adobe Flash player"/> </a> <!--[if !IE]>--> </object> <!--<![endif]--> </object>Monday, December 5, 11
  17. 17. Fun cio tod na e nav os l n <video> ega os dor <source src=”loremipsum.mp4” > es!! <source src=”loremipsum.webm” > <source src=”loremipsum.oga” > <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" id="movie_name" align="middle"> <param name="movie" value="movie_name.swf"/> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="movie_name.swf" width="550" height="400"> <param name="movie" value="movie_name.swf"/> <!--<![endif]--> <a href="http://www.adobe.com/go/getflash"> <img src="http://www.adobe.com/images/shared/download_buttons/ get_flash_player.gif" alt="Get Adobe Flash player"/> </a> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </video>Monday, December 5, 11
  18. 18. Monday, December 5, 11
  19. 19. Polyfills:Monday, December 5, 11
  20. 20. Polyfills: Proveen la tecnologia que esperamos que funcione nativamente en el codigoMonday, December 5, 11
  21. 21. Polyfills: Proveen la tecnologia que esperamos que funcione nativamente en el codigo.Monday, December 5, 11
  22. 22. Monday, December 5, 11
  23. 23. Monday, December 5, 11
  24. 24. Monday, December 5, 11
  25. 25. webworkersMonday, December 5, 11
  26. 26. webworkers webworkers PolyfillMonday, December 5, 11
  27. 27. webworkers webworkers PolyfillMonday, December 5, 11
  28. 28. https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross- Browser-PolyfillsMonday, December 5, 11
  29. 29. CSS3Monday, December 5, 11
  30. 30. CSS3 Podemos usarlo con seguridad en sitios web profesionalesMonday, December 5, 11
  31. 31. Border redondeados http://css3pie.com/Monday, December 5, 11
  32. 32. Border redondeados http://fetchak.com/ie-css3/Monday, December 5, 11
  33. 33. Prefijos -webkit -moz -oMonday, December 5, 11
  34. 34. Prefijos http://cssprefixer.appspot.com/Monday, December 5, 11
  35. 35. Prefijos http://leaverou.github.com/prefixfree/Monday, December 5, 11
  36. 36. Selectores http://selectivizr.com/Monday, December 5, 11
  37. 37. Herramientas de DesarrolloMonday, December 5, 11
  38. 38. http://muse.adobe.com/Monday, December 5, 11
  39. 39. http://www.youtube.com/watch?v=dlJzRdVrDmAMonday, December 5, 11
  40. 40. http://labs.adobe.com/technologies/edge/Monday, December 5, 11
  41. 41. http://www.youtube.com/watch?v=8FnNtX73v8kMonday, December 5, 11
  42. 42. FrameworksMonday, December 5, 11
  43. 43. http://www.modernizr.com/Monday, December 5, 11
  44. 44. http://html5boilerplate.com/Monday, December 5, 11
  45. 45. Que sigue?Monday, December 5, 11
  46. 46. Monday, December 5, 11
  47. 47. Monday, December 5, 11
  48. 48. Monday, December 5, 11
  49. 49. MUCHAS GRACIAS!! @siddhartaMonday, December 5, 11

×