SlideShare a Scribd company logo
1 of 68
Download to read offline
HTML5
A Non-Developmental Look at The Future of Web Development
(and the impact on marketing, business and everything else)
Who I am
Adam Broitman
Partner and Ringleader
Circ.us
http://circ.us
adam@circ.us
@adambroitman
www.adambroitman.com
We make fun and useful interactive stuff
I am not a web developer
My goal is to make you care
Standards
Imagine a World Without Standards
What If We All Spoke The Same Language?
Standards Equal Innovation
Should
Marketers
Should Care
About Web
Standards?
1. Standards Are Safe
2. Your Consumers Are Already Familiar With Standards
3. Web Standards Can Save You Money
4. Web Standard Content is Easier To Find By The Google
(and other search engines)
Why Are We Having This Conversation Now?
63.5%
Broadband Growth
   2001-2009




9.2%
31.5%
YoY growth,
 total video
  streams
  2010-11

 14,547,673,000
         total streams
Property   Total Streams Time On Site



YouTube 8.4 billion          2:23

  Hulu       8.1MM           5:35

 Netflix      2.1MM          11:08
The Way We Use The Internet Has Changed
The App Will Not Save Us
We Need Standards, Not Thousands of App Stores
“Over the past few years, one of the most
important shifts in the digital world has
been the move from the wide-open Web to
semi-closed platforms that use the Internet
for transport but not the browser for
display”

                                -Anderson
The Future of The Web?




          Or History Repeated?
20%
Percent of people using a free app after one day
5%
Percent of people using a free app after 30 days
HTML5 is the New...HTML
Important Elements of the New Standard

                               •   The Canvas
                               •   Geolocation
                               •   Audio and Video
                               •   Local Storage
                               •   Drag and Drop
                               •   Forms
                               •   Input Types
                               •   New Semantics
The Canvas
Canvas Drawing
Simple Canvas Games
Getting Crazy With The Canvas
I would sure love to watch some video!
Video and Audio
Codec
Not Perfect, Yet
HTML 5 Page Content Sync
HTML5 Time Sync
HTML5 Video Plus Canvas
HTML5 3D Video
Semantics
Local Storage
Early Attempts Were Done Via Cookies
Geolocation API
Geolocation Access
But Will It Work With My Browser
http://html5test.com/
Extreme HTML5
HTML5 is Alive
Is the browser the window to the future?
The Tent is Now Closed
HTML5

More Related Content

Viewers also liked

Social Circles 011809
Social Circles 011809Social Circles 011809
Social Circles 011809Adam Broitman
 
Digital Transformation: What it is and how to get there
Digital Transformation: What it is and how to get thereDigital Transformation: What it is and how to get there
Digital Transformation: What it is and how to get thereEconsultancy
 
Digital Transformation in Governments
Digital Transformation in GovernmentsDigital Transformation in Governments
Digital Transformation in GovernmentsScopernia
 

Viewers also liked (6)

Social Circles 011809
Social Circles 011809Social Circles 011809
Social Circles 011809
 
Circus Intro
Circus IntroCircus Intro
Circus Intro
 
Value ecosystem
Value ecosystemValue ecosystem
Value ecosystem
 
Mobly Calamitone
Mobly CalamitoneMobly Calamitone
Mobly Calamitone
 
Digital Transformation: What it is and how to get there
Digital Transformation: What it is and how to get thereDigital Transformation: What it is and how to get there
Digital Transformation: What it is and how to get there
 
Digital Transformation in Governments
Digital Transformation in GovernmentsDigital Transformation in Governments
Digital Transformation in Governments
 

Similar to HTML5

HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?Reto Meier
 
Mobile Web User Experience
Mobile Web User ExperienceMobile Web User Experience
Mobile Web User ExperienceNick Finck
 
HTML5 - The Future in a Flash
HTML5 - The Future in a FlashHTML5 - The Future in a Flash
HTML5 - The Future in a FlashRick Snailum
 
HTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutionsHTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutionsChristian Heilmann
 
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)AI4BD GmbH
 
Webcasting 2.0
Webcasting 2.0Webcasting 2.0
Webcasting 2.0Joe Robens
 
2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source ConferenceGen Kanai
 
How HTML5 missed its graduation - #TrondheimDC
How HTML5 missed its graduation - #TrondheimDCHow HTML5 missed its graduation - #TrondheimDC
How HTML5 missed its graduation - #TrondheimDCChristian Heilmann
 
Responsive Web Design - Why and How
Responsive Web Design - Why and HowResponsive Web Design - Why and How
Responsive Web Design - Why and HowJudi Wunderlich
 
Html5, Native and Platform based Mobile Applications
Html5, Native and Platform based Mobile ApplicationsHtml5, Native and Platform based Mobile Applications
Html5, Native and Platform based Mobile ApplicationsYoss Cohen
 
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof SzafranekWhat lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof SzafranekWooga
 
HTML5 vidéo : Facts and fiction
HTML5 vidéo : Facts and fictionHTML5 vidéo : Facts and fiction
HTML5 vidéo : Facts and fictionBertrand CHARLET
 
HTML5: Next Generation Web Development
HTML5: Next Generation Web DevelopmentHTML5: Next Generation Web Development
HTML5: Next Generation Web DevelopmentDipesh Mukerji
 
Kamailio World 2017: Getting Real with WebRTC
Kamailio World 2017: Getting Real with WebRTCKamailio World 2017: Getting Real with WebRTC
Kamailio World 2017: Getting Real with WebRTCChad Hart
 
Why Open Web Standards are cool and will save the world. Or the Web, at least.
Why Open Web Standards are cool and will save the world. Or the Web, at least.Why Open Web Standards are cool and will save the world. Or the Web, at least.
Why Open Web Standards are cool and will save the world. Or the Web, at least.brucelawson
 
The Web, After HTML5
The Web, After HTML5The Web, After HTML5
The Web, After HTML5Jonathan Jeon
 
3D INTERNET
3D INTERNET3D INTERNET
3D INTERNETrahulrj9
 

Similar to HTML5 (20)

HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?
 
Mobile Web User Experience
Mobile Web User ExperienceMobile Web User Experience
Mobile Web User Experience
 
HTML5 - The Future in a Flash
HTML5 - The Future in a FlashHTML5 - The Future in a Flash
HTML5 - The Future in a Flash
 
HTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutionsHTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutions
 
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)Open web platform talk by daniel hladky at rif 2012 (19 april 2012   moscow)
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
 
Webcasting 2.0
Webcasting 2.0Webcasting 2.0
Webcasting 2.0
 
2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference
 
Mobile UX
Mobile UXMobile UX
Mobile UX
 
How HTML5 missed its graduation - #TrondheimDC
How HTML5 missed its graduation - #TrondheimDCHow HTML5 missed its graduation - #TrondheimDC
How HTML5 missed its graduation - #TrondheimDC
 
Responsive Web Design - Why and How
Responsive Web Design - Why and HowResponsive Web Design - Why and How
Responsive Web Design - Why and How
 
Html5, Native and Platform based Mobile Applications
Html5, Native and Platform based Mobile ApplicationsHtml5, Native and Platform based Mobile Applications
Html5, Native and Platform based Mobile Applications
 
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof SzafranekWhat lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
 
What Lies Ahead for HTML5
What Lies Ahead for HTML5What Lies Ahead for HTML5
What Lies Ahead for HTML5
 
HTML5 vidéo : Facts and fiction
HTML5 vidéo : Facts and fictionHTML5 vidéo : Facts and fiction
HTML5 vidéo : Facts and fiction
 
HTML5: Next Generation Web Development
HTML5: Next Generation Web DevelopmentHTML5: Next Generation Web Development
HTML5: Next Generation Web Development
 
Html5
Html5Html5
Html5
 
Kamailio World 2017: Getting Real with WebRTC
Kamailio World 2017: Getting Real with WebRTCKamailio World 2017: Getting Real with WebRTC
Kamailio World 2017: Getting Real with WebRTC
 
Why Open Web Standards are cool and will save the world. Or the Web, at least.
Why Open Web Standards are cool and will save the world. Or the Web, at least.Why Open Web Standards are cool and will save the world. Or the Web, at least.
Why Open Web Standards are cool and will save the world. Or the Web, at least.
 
The Web, After HTML5
The Web, After HTML5The Web, After HTML5
The Web, After HTML5
 
3D INTERNET
3D INTERNET3D INTERNET
3D INTERNET
 

More from Adam Broitman

Adcentricity DOOH Primer
Adcentricity DOOH PrimerAdcentricity DOOH Primer
Adcentricity DOOH PrimerAdam Broitman
 
We Are How We Are Found Changes Who We Are
We Are How We Are Found Changes Who We AreWe Are How We Are Found Changes Who We Are
We Are How We Are Found Changes Who We AreAdam Broitman
 
Facebook Connect Screenshots
Facebook Connect ScreenshotsFacebook Connect Screenshots
Facebook Connect ScreenshotsAdam Broitman
 
7 Ways to Get Me To Not Join Your Community
7 Ways to Get Me To Not Join Your Community7 Ways to Get Me To Not Join Your Community
7 Ways to Get Me To Not Join Your CommunityAdam Broitman
 
The Tooth Brush As Content
The Tooth Brush As ContentThe Tooth Brush As Content
The Tooth Brush As ContentAdam Broitman
 
The Tooth Brush As Content
The Tooth Brush As ContentThe Tooth Brush As Content
The Tooth Brush As ContentAdam Broitman
 
Virtualive Tv Overview
Virtualive Tv OverviewVirtualive Tv Overview
Virtualive Tv OverviewAdam Broitman
 
Associated Content Advertising Club Meetup
Associated Content Advertising Club MeetupAssociated Content Advertising Club Meetup
Associated Content Advertising Club MeetupAdam Broitman
 

More from Adam Broitman (13)

Augmenting iMedia
Augmenting iMediaAugmenting iMedia
Augmenting iMedia
 
Mobility
MobilityMobility
Mobility
 
Adcentricity DOOH Primer
Adcentricity DOOH PrimerAdcentricity DOOH Primer
Adcentricity DOOH Primer
 
We Are How We Are Found Changes Who We Are
We Are How We Are Found Changes Who We AreWe Are How We Are Found Changes Who We Are
We Are How We Are Found Changes Who We Are
 
Claus
ClausClaus
Claus
 
We The Savers
We The SaversWe The Savers
We The Savers
 
Facebook Connect Screenshots
Facebook Connect ScreenshotsFacebook Connect Screenshots
Facebook Connect Screenshots
 
7 Ways to Get Me To Not Join Your Community
7 Ways to Get Me To Not Join Your Community7 Ways to Get Me To Not Join Your Community
7 Ways to Get Me To Not Join Your Community
 
Getting Lively
Getting LivelyGetting Lively
Getting Lively
 
The Tooth Brush As Content
The Tooth Brush As ContentThe Tooth Brush As Content
The Tooth Brush As Content
 
The Tooth Brush As Content
The Tooth Brush As ContentThe Tooth Brush As Content
The Tooth Brush As Content
 
Virtualive Tv Overview
Virtualive Tv OverviewVirtualive Tv Overview
Virtualive Tv Overview
 
Associated Content Advertising Club Meetup
Associated Content Advertising Club MeetupAssociated Content Advertising Club Meetup
Associated Content Advertising Club Meetup
 

HTML5