Your SlideShare is downloading. ×
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
WebDU Keynote
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

WebDU Keynote

1,154

Published on

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

No Downloads
Views
Total Views
1,154
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
11
Comments
0
Likes
2
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
  • Things to have running:Chrome – TypekitChrome – PhoneGap BuildChrome – Compass demoChrome - http://bartaz.github.com/impress.js/#/boredChromiumEdgeMiniBrowser
  • Designer?Developer?Both?jQuery?jQuery Mobile?PhoneGap?TypeKit?Adobe Edge?
  • Transcript

    • 1. HTML5 & the riseof our mobileoverlords
    • 2. Who Are You?
    • 3. A FEW RANDOMOBSERVATIONS
    • 4. HTML5 Adoption
    • 5. Chromeversion 14 October 4 th
    • 6. Chromeversion 15 October 26th
    • 7. Chromeversion 16 January 6 th
    • 8. Chromeversion 17 February 17th
    • 9. Chromeversion 18 March 28 th 2012
    • 10. Chrome version 18 LastUpdate April 30th 2012
    • 11. Gartner forecastsphones overtaking PCs as most common web browsing device by 2013
    • 12. HTML5 is not future tech
    • 13. Even when the checkmark is there, performance isn’t.
    • 14. Designing fordevices is hard
    • 15. Testing is critical
    • 16. Native AppsPros Cons• Easy to monetize • Costly to develop• Fit user expectations • Restricted in delivery
    • 17. Mobile Web AppsPros Cons• More Flexible • Harder to monetize• More Reusable • Hard to target • Lack complete device access.
    • 18. No clear cut winner
    • 19. Demo Expressive HTML
    • 20. CSS Transitions
    • 21. CSS Animation
    • 22. Canvas
    • 23. Video
    • 24. JS Frameworks that handle these things
    • 25. People want anexpressive web
    • 26. We need the medium to bemore expressive
    • 27. We need ourwork to work on more devices
    • 28. We need better tools
    • 29. WE WANT TO BEEXPRESSIVE
    • 30. Adobe DigitalPublishing
    • 31. PDF• Relatively small file size• Some flexibility• Device issues
    • 32. HTML• Tiny file size• Some flexibility• Lack of layout control
    • 33. PNG• Huge file size• Complete pixel level control of layout
    • 34. CSS PROPOSALS
    • 35. CSS REGIONS
    • 36. CSS EXCLUSIONS
    • 37. Demo CSS Regions and Exclusions
    • 38. CSS SHADERS
    • 39. Demo CSS Shaders
    • 40. I am sickand tiredof seeingonly 6-10fontsdeemed“web safe”
    • 41. WANTMANYMORE
    • 42. Tastefully thoughThose last few slides were like font vomit
    • 43. Webfonts• Webfonts are a solution to this – Require multiple formats – Require proper licensing
    • 44. TYPEKIT
    • 45. DEMO Typekit
    • 46. WE WANTTO BEEVERYWHERE
    • 47. If you haven’t tested on thedevice, then you haven’t tested
    • 48. SHADOW
    • 49. Demo Shadow
    • 50. Why do we need native?
    • 51. That last one is an Accelerome
    • 52. Access to devicecomponents and OS API’s
    • 53. Access toApp Stores
    • 54. PHONEGAP
    • 55. PhoneGap powersnative applications using HTML/JS/CSS
    • 56. PhoneGap gives access tocomponents and API’s
    • 57. PhoneGap Apps can be distributed in stores
    • 58. What do youmean by “native” apps
    • 59. UI is not native
    • 60. Demo PhoneGap
    • 61. Still not great
    • 62. PHONEGAP BUILD
    • 63. Demo PhoneGap Build
    • 64. WE NEEDBETTER TOOLS
    • 65. EDGE
    • 66. Demo Edge
    • 67. More tools are coming
    • 68. CONCLUSIONS
    • 69. Html.adobe.com
    • 70. Hiring
    • 71. Adobe wants tocreate tools thatallow you to be expressive anywhere.
    • 72. Then we want to sell those tools to you.
    • 73. Follow up?• Preso will be up at – http://slideshare.net/tpryan• Feel free to contact me – terry.ryan@adobe.com – http://terrenceryan.com – Twitter: @tpryan

    ×