WebDU Keynote
Upcoming SlideShare
Loading in...5
×
 

WebDU Keynote

on

  • 1,420 views

 

Statistics

Views

Total Views
1,420
Views on SlideShare
1,397
Embed Views
23

Actions

Likes
2
Downloads
10
Comments
0

1 Embed 23

http://storify.com 23

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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?

WebDU Keynote WebDU Keynote Presentation Transcript

  • HTML5 & the riseof our mobileoverlords
  • Who Are You?
  • A FEW RANDOMOBSERVATIONS
  • HTML5 Adoption
  • Chromeversion 14 October 4 th
  • Chromeversion 15 October 26th
  • Chromeversion 16 January 6 th
  • Chromeversion 17 February 17th
  • Chromeversion 18 March 28 th 2012
  • Chrome version 18 LastUpdate April 30th 2012
  • Gartner forecastsphones overtaking PCs as most common web browsing device by 2013
  • HTML5 is not future tech
  • Even when the checkmark is there, performance isn’t.
  • Designing fordevices is hard
  • Testing is critical
  • Native AppsPros Cons• Easy to monetize • Costly to develop• Fit user expectations • Restricted in delivery
  • Mobile Web AppsPros Cons• More Flexible • Harder to monetize• More Reusable • Hard to target • Lack complete device access.
  • No clear cut winner
  • Demo Expressive HTML
  • CSS Transitions
  • CSS Animation
  • Canvas
  • Video
  • JS Frameworks that handle these things
  • People want anexpressive web
  • We need the medium to bemore expressive
  • We need ourwork to work on more devices
  • We need better tools
  • WE WANT TO BEEXPRESSIVE
  • Adobe DigitalPublishing
  • PDF• Relatively small file size• Some flexibility• Device issues
  • HTML• Tiny file size• Some flexibility• Lack of layout control
  • PNG• Huge file size• Complete pixel level control of layout
  • CSS PROPOSALS
  • CSS REGIONS
  • CSS EXCLUSIONS
  • Demo CSS Regions and Exclusions
  • CSS SHADERS
  • Demo CSS Shaders
  • I am sickand tiredof seeingonly 6-10fontsdeemed“web safe”
  • WANTMANYMORE
  • Tastefully thoughThose last few slides were like font vomit
  • Webfonts• Webfonts are a solution to this – Require multiple formats – Require proper licensing
  • TYPEKIT
  • DEMO Typekit
  • WE WANTTO BEEVERYWHERE
  • If you haven’t tested on thedevice, then you haven’t tested
  • SHADOW
  • Demo Shadow
  • Why do we need native?
  • That last one is an Accelerome
  • Access to devicecomponents and OS API’s
  • Access toApp Stores
  • PHONEGAP
  • PhoneGap powersnative applications using HTML/JS/CSS
  • PhoneGap gives access tocomponents and API’s
  • PhoneGap Apps can be distributed in stores
  • What do youmean by “native” apps
  • UI is not native
  • Demo PhoneGap
  • Still not great
  • PHONEGAP BUILD
  • Demo PhoneGap Build
  • WE NEEDBETTER TOOLS
  • EDGE
  • Demo Edge
  • More tools are coming
  • CONCLUSIONS
  • Html.adobe.com
  • Hiring
  • Adobe wants tocreate tools thatallow you to be expressive anywhere.
  • Then we want to sell those tools to you.
  • 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