• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
The Power of HTML5: 15 reasons your business should be using HTML5 for web and mobile
 

The Power of HTML5: 15 reasons your business should be using HTML5 for web and mobile

on

  • 1,413 views

Slides from the webinar conducted on November 8, 2012. Presenter: Dave Porter

Slides from the webinar conducted on November 8, 2012. Presenter: Dave Porter

Statistics

Views

Total Views
1,413
Views on SlideShare
1,413
Embed Views
0

Actions

Likes
0
Downloads
17
Comments
0

0 Embeds 0

No embeds

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
  • The Power of HTML5: 15 reasons your business should be using HTML5 for web & mobile.
  • HTML5: integrated audio, video, canvass (for drawing) & SVG (Scalable Vector Graphics).CSS3: Rounded corners, gradients, smooth scaling, skewing, animations, media queries.JS: Do more things, much faster.
  • This was always the great promise of the web. In 2012, we can finally deliver.
  • read.kobo.com
  • read.kobo.com
  • read.kobo.com
  • 1, 2 - Pew Research Center at http://pewinternet.org/Reports/2012/Smartphone-Update-2012/Findings.aspx3 - Flurry mobile analytics - http://blog.flurry.com/bid/88867/iOS-and-Android-Adoption-Explodes-Internationally4 – IDC via http://www.idc.com/getdoc.jsp?containerId=prUS23398412
  • IDC via http://www.idc.com/getdoc.jsp?containerId=prUS23398412
  • This is a limited use case but is a great, visceral example of how far the standards process has brought us.
  • Yelp is the most popular (and most straight-forward) example of browser geolocation put to good use.
  • Data storage & querying:LocalStorage, WebSQL, IndexedDB for performance and offline cachingFast, two-way communication: Web SocketsBig performance for big data: Web WorkersEasy CSS animations: CSS transitions & keyframe animationsFull 3D graphics: WebGL
  • 1990s: Browser wars2003: Apple releases WebKit2004: Firefox 1.0, funded largely by Google2008: Chrome; Google begins iterating and turns JavaScript into a world-class programming language2010 – 2011: IE9; Microsoft gets on board with standards2011 – 2012: Adobe begins contributing to CSS3These companies (market cap of $1.05T) are investing heavily to improve the platform, and you benefit for free
  • 1, 2 – caniuse.com3 – netmarketshare.com

The Power of HTML5: 15 reasons your business should be using HTML5 for web and mobile The Power of HTML5: 15 reasons your business should be using HTML5 for web and mobile Presentation Transcript

  • CANADIAN HEADQUARTERS UNITED STATES OFFICE UNITED KINGDOM OFFICE www.appnovation.com 152 West Hastings Street 3414 Peachtree Road, #1600 3000 Hillswood Drive info@appnovation.com Vancouver BC, V6B 1G8 Atlanta Georgia, 30326-1164 Hillswood Business Park Chertsey KT16 0RS, UKTHE POWER OF HTML5 15 Reasons Your Business Should be Using HTML5 for Web & Mobile Dave Porter – SproutCore Developer & Core Team Member marketing@appnovation.comDave Porter V
  • Appnovation is oneof the world’s TOPOPEN SOURCEDEVELOPMENTSHOPS.Dave Porter V
  • LOCATIONSVANCOUVER OFFICE ATLANTA OFFICE LONDON OFFICE152 West Hastings Street 3414 Peachtree Road, #1600 3000 Hillswood DriveVancouver BC, V6B 1G8 Atlanta Georgia, 30326-1164 Hillswood Business Park Chertsey KT16 0RS, UK Dave Porter V
  • Dave Porter V
  • The Power Of HTML5Dave Porter V
  • WHAT IS HTML5? HTML5 CSS3 Blazing-Fast JavaScript Powerful New JavaScript APIsDave Porter V
  • WHAT IS HTML5? STANDARD BASED!Dave Porter V
  • The Decline of FlashDave Porter V
  • 1. THE DECLINE OF FLASH • Interactive, video, big-data websites in 2005: Flash / Flex • June 2007: iPhone ships without Flash, Adobe promises it “soon” • April 2010: Steve Jobs publishes “Thoughts on Flash” • August 2010: Adobe releases crippled, battery-draining Flash for Android • October 2011: Adobe begins contributing to CSS3 • June 2012: Adobe ceases development of Flash for mobile; removes it from Android store Dave Porter V
  • 1. THE DECLINE OF FLASH If you want to be on the mobile web, you can’t be on Flash. Dave Porter V
  • Write Once Run AnywhereDave Porter V
  • 2. WRITE ONCE, RUN ANYWHERE • PC • Mac • Linux • iPhone • iPad • Android • Kindle Fire • Model S • “Smart” Refrigerators • Airplane seat-back screensDave Porter V
  • Responsive DesignDave Porter V
  • 3. RESPONSIVE DESIGNDave Porter V
  • 3. RESPONSIVE DESIGNDave Porter V
  • 3. RESPONSIVE DESIGNDave Porter V
  • 3. RESPONSIVE DESIGNDave Porter V
  • 3. RESPONSIVE DESIGNDave Porter V
  • 3. RESPONSIVE DESIGNDave Porter V
  • 3. RESPONSIVE DESIGN One Site, any Display On screen: NYDOT by AppnovationDave Porter V
  • Mobile, Mobile, Mobile!Dave Porter V
  • 4. MOBILE, MOBILE, MOBILE!• 46% of US adults carry smartphones• >100M US users in 2013• Worldwide: over 450M users TODAY• 1.6B by 2016 Dave Porter V
  • 4. MOBILE, MOBILE, MOBILEDave Porter V
  • 4. MOBILE, MOBILE, MOBILE • Is HTML5 ready to deliver sophisticated mobile applications? • Performance: Great on iPad • Performance: iPhone 5 is a turning pointDave Porter V
  • Control Your Development CostsDave Porter V
  • 5. CONTROL YOUR DEVELOPMENT COSTS• Cover more users with one product• Avoid rare, specialized skillsets• Zero-headache deploymentDave Porter V
  • Control Your DestinyDave Porter V
  • 6. CONTROL YOUR DESTINY Nobody owns the web No 30% app store fees No sales channel rules No long approval waitsDave Porter V
  • Moving Forward with Backwards CompatibilityDave Porter V
  • 7. MOVING FORWARD WITH BACKWARDSCOMPATIBILITY • No more broken websites • Standards promise to stay standards. • Additive evolution: new features too, not instead Dave Porter V
  • AccessibilityDave Porter V
  • 8. ACCESSIBILITY• Section 508, Federal Rehabilitation Act of 1973• Web browsers come accessibility-ready• WIA-ARIA: Accessible Rich Internet Application standards <img src=”info.png” aria-label=”Information”/> Dave Porter V
  • Standard- Based VideoDave Porter V
  • 9. STANDARD BASED VIDEODave Porter V
  • 9. STANDARD BASED VIDEODave Porter V
  • 9. STANDARD BASED VIDEO http://www.craftymind.com/ 2010/04/20/blowing-up- html5-video-and-mapping- it-into-3d-space/Dave Porter V
  • Location AwarenessDave Porter V
  • 10. LOCATION AWARENESS• Act mobile in mobile browsers• Provide better value in context• Location-based targeting & marketingDave Porter V
  • 10. LOCATION AWARENESSnavigator.geolocation.getCurrentLocation(cal lback);Dave Porter V
  • Enterprise- class FeaturesDave Porter V
  • 11. ENTERPRISE-CLASS FEATURES• Data storage & querying• Fast, two-way communication• Big performance for big data• Visual flair: from easy CSS animation to full 3D graphics• Feature-parity with native solutions. Dave Porter V
  • Open-Source Has Your BackDave Porter V
  • 12. OPEN-SOURCE HAS YOUR BACKjQuery / Twitter embeds / ember.js / SproutCoreDave Porter V
  • The Fastest- Moving Platform PeriodDave Porter V
  • 13. THE FASTEST-MOVING PLATFORM PERIOD• Apple• Google• Microsoft• Adobe• You benefit for free. Dave Porter V
  • WEB + APPDave Porter V
  • 14. WEB + APP• The technology is speeding ahead• No more tradeoffs• Open, standardized web technologies are ready. Dave Porter V
  • HTML5 Is The FutureDave Porter V
  • 15. HTML5 IS THE FUTURE • Basic HTML5 – 77% compatibility • Advanced HTML5 – 60% compatibility • Mobile - 10% browser share • ...and rising rapidly Dave Porter V
  • CANADIAN HEADQUARTERS UNITED STATES OFFICE UNITED KINGDOM OFFICE www.appnovation.com 152 West Hastings Street 3414 Peachtree Road, #1600 3000 Hillswood Drive info@appnovation.com Vancouver BC, V6B 1G8 Atlanta Georgia, 30326-1164 Hillswood Business Park Chertsey KT16 0RS, UK Thank You For Your Participation! QUESTIONS?Dave Porter – SproutCore Core Team Member marketing@appnovation.comDave Porter V