Your SlideShare is downloading. ×
0
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
HTML5: Beyond the Hype #WWC2012
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

HTML5: Beyond the Hype #WWC2012

3,248

Published on

Join Nick Floro for a look beyond the HTML5 hype and understand why you should be moving to the new standards. Learn why its important in the evolution of web apps and content delivery, what key …

Join Nick Floro for a look beyond the HTML5 hype and understand why you should be moving to the new standards. Learn why its important in the evolution of web apps and content delivery, what key technologies you should learn today to take advantage of and dissect several examples of HTML5. Presented at Wharton Web Conference in Philadelphia 7/10/12.

Published in: Technology, Design
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total Views
3,248
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
307
Comments
1
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. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com HTML5 Beyond the Hype Nick Floro Nick@sealworks.com | @NickFloroLaunchCycle.com - The simple way to manage projects. 07/10/12 1 of 192
  • 2. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 2 of 192
  • 3. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com GoalsLaunchCycle.com - The simple way to manage projects. 07/10/12 3 of 192
  • 4. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com StatsLaunchCycle.com - The simple way to manage projects. 07/10/12 4 of 192
  • 5. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Worldwide population 6.8 billionLaunchCycle.com - The simple way to manage projects. 07/10/12 5 of 192
  • 6. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com 2.2 billion Internet usersLaunchCycle.com - The simple way to manage projects. 07/10/12 6 of 192
  • 7. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com 1.5 billion TV’sLaunchCycle.com - The simple way to manage projects. 07/10/12 7 of 192
  • 8. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com 4.6 billion Mobile Phones 1 billion SmartPhones by 2016LaunchCycle.com - The simple way to manage projects. 07/10/12 8 of 192
  • 9. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com 3.5 billion Tooth BrushesLaunchCycle.com - The simple way to manage projects. 07/10/12 9 of 192
  • 10. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com 1992 to 2002LaunchCycle.com - The simple way to manage projects. 07/10/12 10 of 192
  • 11. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com 2002 to 2012LaunchCycle.com - The simple way to manage projects. 07/10/12 11 of 192
  • 12. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com The Web Platform is AcceleratingLaunchCycle.com - The simple way to manage projects. 07/10/12 12 of 192
  • 13. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Solving Developer Challenges Graphics Location Storage SpeedLaunchCycle.com - The simple way to manage projects. 07/10/12 13 of 192
  • 14. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com What can we do with HTML5LaunchCycle.com - The simple way to manage projects. 07/10/12 14 of 192
  • 15. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 15 of 192
  • 16. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 16 of 192
  • 17. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 17 of 192
  • 18. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 18 of 192
  • 19. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 19 of 192
  • 20. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Create and deliver everywhere.LaunchCycle.com - The simple way to manage projects. 07/10/12 20 of 192
  • 21. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com The Web PlatformLaunchCycle.com - The simple way to manage projects. 07/10/12 21 of 192
  • 22. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Web AppLaunchCycle.com - The simple way to manage projects. 07/10/12 22 of 192
  • 23. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Web AppLaunchCycle.com - The simple way to manage projects. 07/10/12 23 of 192
  • 24. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Web App HTML Javascript CSS API’sLaunchCycle.com - The simple way to manage projects. 07/10/12 24 of 192
  • 25. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 25 of 192
  • 26. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 26 of 192
  • 27. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 27 of 192
  • 28. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Pulse Mobile AppLaunchCycle.com - The simple way to manage projects. 07/10/12 28 of 192
  • 29. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Pulse Mobile AppLaunchCycle.com - The simple way to manage projects. 07/10/12 29 of 192
  • 30. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Chrome.AngryBirds.comLaunchCycle.com - The simple way to manage projects. 07/10/12 30 of 192
  • 31. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 31 of 192
  • 32. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com SEMANTICS DEVICE ACCESS CSS3 MULTIMEDIA CONNECTIVITY PERFORMANCE & 3D, GRAPHICS OFFLINE & STORAGE INTEGRATION & EFFECTSLaunchCycle.com - The simple way to manage projects. 07/10/12 32 of 192
  • 33. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com HTML5 = JS + CSS3LaunchCycle.com - The simple way to manage projects. 07/10/12 33 of 192
  • 34. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Next Generation Mobile Using Browsers Android iOS Windows Phone RIM BlackberryLaunchCycle.com - The simple way to manage projects. 07/10/12 34 of 192
  • 35. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 35 of 192
  • 36. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 36 of 192
  • 37. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 37 of 192
  • 38. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 38 of 192
  • 39. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Which browser’s support HTML 5? Chrome Safari Firefox OperaLaunchCycle.com - The simple way to manage projects. 07/10/12 39 of 192
  • 40. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Which browser’s support HTML 5? Chrome Safari Firefox Opera BETA Internet Explorer 9LaunchCycle.com - The simple way to manage projects. 07/10/12 40 of 192
  • 41. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Browser Stats 2012 Market Share HTML5 Support Internet Explorer 6-8 28% No Google Chrome 24% Yes Mozilla Firefox 23% Yes Internet Explorer 9 9% Yes Apple Safari 4% Yes iPhone / iPad 4% Yes Opera 2% Yes Google Android 2% Yes Other 4% NoLaunchCycle.com - The simple way to manage projects. 07/10/12 41 of 192
  • 42. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com HTML 5 in the works...LaunchCycle.com - The simple way to manage projects. 07/10/12 42 of 192
  • 43. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Advanced Core LanguageLaunchCycle.com - The simple way to manage projects. 07/10/12 43 of 192
  • 44. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 44 of 192
  • 45. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com HTML 4LaunchCycle.com - The simple way to manage projects. 07/10/12 45 of 192
  • 46. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com HTML 5 - Introduces New ElementsLaunchCycle.com - The simple way to manage projects. 07/10/12 46 of 192
  • 47. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Improve Web AppsLaunchCycle.com - The simple way to manage projects. 07/10/12 47 of 192
  • 48. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 48 of 192
  • 49. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com chalk.37signals.comLaunchCycle.com - The simple way to manage projects. 07/10/12 49 of 192
  • 50. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 50 of 192
  • 51. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Flow chart CompatibilityLaunchCycle.com - The simple way to manage projects. 07/10/12 51 of 192
  • 52. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Flow chart Replaces: XHTML 1.0 & Dom2html with new API’sLaunchCycle.com - The simple way to manage projects. 07/10/12 52 of 192
  • 53. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Improve Handling of ErrorsLaunchCycle.com - The simple way to manage projects. 07/10/12 53 of 192
  • 54. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 54 of 192
  • 55. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Focus on the AudienceLaunchCycle.com - The simple way to manage projects. 07/10/12 55 of 192
  • 56. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Google AnalyticsLaunchCycle.com - The simple way to manage projects. 07/10/12 56 of 192
  • 57. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Google AnalyticsLaunchCycle.com - The simple way to manage projects. 07/10/12 57 of 192
  • 58. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Drawing on the Web FlashLaunchCycle.com - The simple way to manage projects. 07/10/12 58 of 192
  • 59. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Canvas & SVGLaunchCycle.com - The simple way to manage projects. 07/10/12 59 of 192
  • 60. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 60 of 192
  • 61. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Scalable Vector Graphics | SVGLaunchCycle.com - The simple way to manage projects. 07/10/12 61 of 192
  • 62. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Vector Graphics Scale & Look Great!LaunchCycle.com - The simple way to manage projects. 07/10/12 62 of 192
  • 63. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 63 of 192
  • 64. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Demo’s • First Person Gifter (FF) • Population Demo (FF) • German Election Atlas (Safari) • Mozilla Download Center (FF)LaunchCycle.com - The simple way to manage projects. 07/10/12 64 of 192
  • 65. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com When Canvas or SVG? SVG -> High level Canvas -> Low level • Import/Export • No mouse interaction • Easy UIs • High Animation • Interactive • JS Centric • Medium Animation • More Bookkeeping • Tree of objects • PixelsLaunchCycle.com - The simple way to manage projects. 07/10/12 65 of 192
  • 66. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com HTML 5 Support canvas / svg £ £ £ £ £ video geolocation app cache database workersLaunchCycle.com - The simple way to manage projects. 07/10/12 66 of 192
  • 67. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Quake II - Browser OnlyLaunchCycle.com - The simple way to manage projects. 07/10/12 67 of 192
  • 68. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Quake II - Browser OnlyLaunchCycle.com - The simple way to manage projects. 07/10/12 68 of 192
  • 69. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Quake II - Browser Only WebGL 3D graphics HTML 5 Canvas HTML 5 Audio HTML 5 Web Sockets HTML 5 Local StorageLaunchCycle.com - The simple way to manage projects. 07/10/12 69 of 192
  • 70. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com VideoLaunchCycle.com - The simple way to manage projects. 07/10/12 70 of 192
  • 71. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com The Production Process Capture to delivery and beyond Video / Audio Assets Compression Authoring DeliveryLaunchCycle.com - The simple way to manage projects. 07/10/12 71 of 192
  • 72. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Standards Are Everywhere NTSC/ RedBook FM MPEG-2 PAL AC-3 DV JPEG MPEG- 1/ MPEG- 4 audioLaunchCycle.com - The simple way to manage projects. 07/10/12 72 of 192
  • 73. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Guidelines for Compression Pixels HD 1080i 1920 x 1080 720P 1280 x 720 DV 720 x 486LaunchCycle.com - The simple way to manage projects. 07/10/12 73 of 192
  • 74. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Guidelines for Compression Content Placement 320 x 240LaunchCycle.com - The simple way to manage projects. 07/10/12 74 of 192
  • 75. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Guidelines for Compression Selecting a Size 640 x 480 512 x 384 320 x 240LaunchCycle.com - The simple way to manage projects. 07/10/12 75 of 192
  • 76. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 76 of 192
  • 77. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 77 of 192
  • 78. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 78 of 192
  • 79. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Guidelines for Compression Frame Rate 29.97 fps 15 fpsLaunchCycle.com - The simple way to manage projects. 07/10/12 79 of 192
  • 80. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Guidelines for Compression 2 Pass Variable Bit RateLaunchCycle.com - The simple way to manage projects. 07/10/12 80 of 192
  • 81. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Guidelines for Compression 2 Pass Variable Bit RateLaunchCycle.com - The simple way to manage projects. 07/10/12 81 of 192
  • 82. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Video Compression HTML 5 Options Flash H264 | MPEG 4 WebM Ogg Theora H264 Apple | Microsoft Google AdobeLaunchCycle.com - The simple way to manage projects. 07/10/12 82 of 192
  • 83. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Guidelines for Compression Tips & Hints • Video – Frame Rate: 15 fps – Data Rate Target 800-1200 kbs • Audio – 16bit / 22khz / Mono / 64 kbs • Delivery – Flash: H264 – HTML5: H264LaunchCycle.com - The simple way to manage projects. 07/10/12 83 of 192
  • 84. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com www.longtailvideo.comLaunchCycle.com - The simple way to manage projects. 07/10/12 84 of 192
  • 85. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Easy Access to Video Flip $100 to $200LaunchCycle.com - The simple way to manage projects. 07/10/12 85 of 192
  • 86. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Smart PhonesLaunchCycle.com - The simple way to manage projects. 07/10/12 86 of 192
  • 87. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 87 of 192
  • 88. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com brightcove.comLaunchCycle.com - The simple way to manage projects. 07/10/12 88 of 192
  • 89. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com HTML 5 Support canvas / svg £ £ £ £ £ video £ £ £ £ £ geolocation app cache database workersLaunchCycle.com - The simple way to manage projects. 07/10/12 89 of 192
  • 90. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com geolocationLaunchCycle.com - The simple way to manage projects. 07/10/12 90 of 192
  • 91. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 91 of 192
  • 92. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 92 of 192
  • 93. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 93 of 192
  • 94. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 94 of 192
  • 95. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com // the geolocation api brings browser based location to your appsLaunchCycle.com - The simple way to manage projects. 07/10/12 95 of 192
  • 96. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com www.seeknspell.comLaunchCycle.com - The simple way to manage projects. 07/10/12 96 of 192
  • 97. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com O C A R T P www.seeknspell.comLaunchCycle.com - The simple way to manage projects. 07/10/12 97 of 192
  • 98. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com O C A R T P www.seeknspell.comLaunchCycle.com - The simple way to manage projects. 07/10/12 98 of 192
  • 99. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com HTML 5 Support canvas / svg £ £ £ £ £ video £ £ £ £ £ geolocation £ £ £ £ £ app cache database workersLaunchCycle.com - The simple way to manage projects. 07/10/12 99 of 192
  • 100. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com app cache & databaseLaunchCycle.com - The simple way to manage projects. 07/10/12 100 of 192
  • 101. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 101 of 192
  • 102. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 102 of 192
  • 103. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com HTML 5 Support canvas / svg £ £ £ £ £ video £ £ £ £ £ geolocation £ £ £ £ £ app cache £ £ £ £ £ database £ £ £ £ £ workersLaunchCycle.com - The simple way to manage projects. 07/10/12 103 of 192
  • 104. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. web workers 07/10/12 104 of 192
  • 105. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com HTML 5 More PowerLaunchCycle.com - The simple way to manage projects. 07/10/12 105 of 192
  • 106. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com // web workers defines an API for running background scriptsLaunchCycle.com - The simple way to manage projects. 07/10/12 106 of 192
  • 107. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Demo’s Bad Primes (FF 3.5) Good Primes (FF 3.5) Motion Tracker (FF)LaunchCycle.com - The simple way to manage projects. 07/10/12 107 of 192
  • 108. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com HTML 5 Support canvas / svg £ £ £ £ £ video £ £ £ £ £ geolocation £ £ £ £ £ app cache £ £ £ £ £ database £ £ £ £ £ workers £ £ £ £ £LaunchCycle.com - The simple way to manage projects. 07/10/12 108 of 192
  • 109. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com CSS 3 Forms JavaScript Effects/TransitionsLaunchCycle.com - The simple way to manage projects. 07/10/12 109 of 192
  • 110. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Testing Code Test on Windows 8, 7, Vista, XP • Internet Explorer 6, 7, 8, 9 • Firefox 4.0, 10-13 + • Chrome 15 - 19 + Test on OS X − Safari 4, 5+ − Firefox 4.0, 10-13 + − Chrome 15 - 19 + Test on Mobile − iOS − Android 2.x-4.x − Blackberry, Windows 7 Phone, Metro − Tablet vs PhoneLaunchCycle.com - The simple way to manage projects. 07/10/12 110 of 192
  • 111. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com How should we Design?LaunchCycle.com - The simple way to manage projects. 07/10/12 111 of 192
  • 112. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Focus on the AudienceLaunchCycle.com - The simple way to manage projects. 07/10/12 1 112 of 192
  • 113. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Content 2 is the keyLaunchCycle.com - The simple way to manage projects. 07/10/12 113 of 192
  • 114. 3Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Transparent InterfaceLaunchCycle.com - The simple way to manage projects. 07/10/12 114 of 192
  • 115. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 115 of 192
  • 116. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 116 of 192
  • 117. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 117 of 192
  • 118. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Keep it SimpleLaunchCycle.com - The simple way to manage projects. 07/10/12 118 of 192
  • 119. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 119 of 192
  • 120. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Design: Keep it SimpleLaunchCycle.com - The simple way to manage projects. 07/10/12 120 of 192
  • 121. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com How do we start?LaunchCycle.com - The simple way to manage projects. 07/10/12 121 of 192
  • 122. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com SketchLaunchCycle.com - The simple way to manage projects. 07/10/12 122 of 192
  • 123. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 123 of 192
  • 124. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 124 of 192
  • 125. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 125 of 192
  • 126. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com WireframesLaunchCycle.com - The simple way to manage projects. 07/10/12 126 of 192
  • 127. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com www.balsamiq.comLaunchCycle.com - The simple way to manage projects. 07/10/12 127 of 192
  • 128. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Sketchy & iMockUpsLaunchCycle.com - The simple way to manage projects. 07/10/12 128 of 192
  • 129. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com KeynoteKungFu.comLaunchCycle.com - The simple way to manage projects. 07/10/12 129 of 192
  • 130. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com http://goo.gl/kMn4bLaunchCycle.com - The simple way to manage projects. 07/10/12 130 of 192
  • 131. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com www.uistencils.comLaunchCycle.com - The simple way to manage projects. 07/10/12 131 of 192
  • 132. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com WireframesLaunchCycle.com - The simple way to manage projects. 07/10/12 132 of 192
  • 133. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Design • Focus on audience • Content is key • Transparent interfaceLaunchCycle.com - The simple way to manage projects. 07/10/12 133 of 192
  • 134. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 134 of 192
  • 135. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com TextLaunchCycle.com - The simple way to manage projects. 07/10/12 135 of 192
  • 136. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com 1. Create Text 2. Make a selection 3. Invert select 4. Save alpha channel Text 5. Deselect 6. Load Alpha Channel 7. Load Color 8. Offset 9. Apply Blur 10. Reposition 11. Save 12. If the copy changed, start overLaunchCycle.com - The simple way to manage projects. 07/10/12 136 of 192
  • 137. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 137 of 192
  • 138. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 138 of 192
  • 139. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 139 of 192
  • 140. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Design for FlexibilityLaunchCycle.com - The simple way to manage projects. 07/10/12 140 of 192
  • 141. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 141 of 192
  • 142. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 142 of 192
  • 143. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 143 of 192
  • 144. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 144 of 192
  • 145. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 145 of 192
  • 146. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 146 of 192
  • 147. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 147 of 192
  • 148. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 148 of 192
  • 149. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 149 of 192
  • 150. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 150 of 192
  • 151. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Pixels & Aspect Ratio Selecting a Size Android Xoom 1280 x 720 HTC Incredible iPad 800 x 480 1024 x 768 2048 x 1536 iPhone 4 960 x 640 Droid 854 x 480 iPhone 480 x 320LaunchCycle.com - The simple way to manage projects. 07/10/12 151 of 192
  • 152. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Technology is a tool.LaunchCycle.com - The simple way to manage projects. 07/10/12 152 of 192
  • 153. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com ResourcesLaunchCycle.com - The simple way to manage projects. 07/10/12 153 of 192
  • 154. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com html5rocks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 154 of 192
  • 155. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com lynda.comLaunchCycle.com - The simple way to manage projects. 07/10/12 155 of 192
  • 156. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com teamtreehouse.comLaunchCycle.com - The simple way to manage projects. 07/10/12 156 of 192
  • 157. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Caniuse.comLaunchCycle.com - The simple way to manage projects. 07/10/12 157 of 192
  • 158. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 158 of 192
  • 159. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com tumultco.comLaunchCycle.com - The simple way to manage projects. 07/10/12 159 of 192
  • 160. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com animatable.comLaunchCycle.com - The simple way to manage projects. 07/10/12 160 of 192
  • 161. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com html5demos.comLaunchCycle.com - The simple way to manage projects. 07/10/12 161 of 192
  • 162. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com jquery.comLaunchCycle.com - The simple way to manage projects. 07/10/12 162 of 192
  • 163. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com www.sencha.comLaunchCycle.com - The simple way to manage projects. 07/10/12 163 of 192
  • 164. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com www.css3.infoLaunchCycle.com - The simple way to manage projects. 07/10/12 164 of 192
  • 165. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com www.uxmag.comLaunchCycle.com - The simple way to manage projects. 07/10/12 165 of 192
  • 166. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com typekit.comLaunchCycle.com - The simple way to manage projects. 07/10/12 166 of 192
  • 167. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com CSS3 for Web Designers Dan Cederholm | A Book Apart aBookApart.comLaunchCycle.com - The simple way to manage projects. 07/10/12 167 of 192
  • 168. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com RESPONSIVE WEB DESIGN ETHAN MARCOTTE | A Book Apart aBookApart.comLaunchCycle.com - The simple way to manage projects. 07/10/12 168 of 192
  • 169. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com HTML5 for Web Designers JEREMY KEITH | A Book Apart aBookApart.comLaunchCycle.com - The simple way to manage projects. 07/10/12 169 of 192
  • 170. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Go Play, Experiment, Dream Apple iOSLaunchCycle.com - The simple way to manage projects. 07/10/12 170 of 192
  • 171. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Search Flickr.com for iPad UILaunchCycle.com - The simple way to manage projects. 07/10/12 171 of 192
  • 172. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com smashingmagazine.comLaunchCycle.com - The simple way to manage projects. 07/10/12 172 of 192
  • 173. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Screencasts 101 Mini-Session www.jingproject.comLaunchCycle.com - The simple way to manage projects. 07/10/12 173 of 192
  • 174. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 174 of 192
  • 175. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 175 of 192
  • 176. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 176 of 192
  • 177. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 177 of 192
  • 178. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 178 of 192
  • 179. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Explore Pictures Blog Video Audio Micro-blogging 3D Models ePortfolios Course Management System Multiplayer EnvironmentLaunchCycle.com - The simple way to manage projects. 07/10/12 179 of 192
  • 180. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com GamersLaunchCycle.com - The simple way to manage projects. 07/10/12 180 of 192
  • 181. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Capture & AnalyzeLaunchCycle.com - The simple way to manage projects. 07/10/12 181 of 192
  • 182. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Using CoverFlow view and Preview of GraphicsLaunchCycle.com - The simple way to manage projects. 07/10/12 182 of 192
  • 183. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Design Scrapbook: iPhoto | LittleSnapperLaunchCycle.com - The simple way to manage projects. 07/10/12 183 of 192
  • 184. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 184 of 192
  • 185. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com wordpress.comLaunchCycle.com - The simple way to manage projects. 07/10/12 185 of 192
  • 186. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com open over 11,500LaunchCycle.com - The simple way to manage projects. 07/10/12 186 of 192
  • 187. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 187 of 192
  • 188. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com evernote.comLaunchCycle.com - The simple way to manage projects. 07/10/12 188 of 192
  • 189. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.comLaunchCycle.com - The simple way to manage projects. 07/10/12 189 of 192
  • 190. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Don’t SettleLaunchCycle.com - The simple way to manage projects. 07/10/12 190 of 192
  • 191. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com launchcycle.comLaunchCycle.com - The simple way to manage projects. 07/10/12 191 of 192
  • 192. Wharton Web Conference 2012 Nick Floro | HTML5 Beyond the Hype nick@sealworks.com Thank You Nick Floro sealworks.com nick@sealworks.com twitter.com/NickFloro Download the Presentation at: http://www.slideshare.net/nickfloroLaunchCycle.com - The simple way to manage projects. 07/10/12 192 of 192

×