SlideShare a Scribd company logo
1 of 94
Download to read offline
Thursday, September 1, 11
"You'll all be in line for
              promotions when this is
              over!"                       Source: Major T. J. "King" Kong, in the
                                           movie "Dr. Strangelove"




Thursday, September 1, 11
Dale Cruse
              author, "HTML5 Multimedia
              Development Cookbook"


Thursday, September 1, 11
HOW
Thursday, September 1, 11
I
Thursday, September 1, 11
learned
Thursday, September 1, 11
to
Thursday, September 1, 11
stop
Thursday, September 1, 11
worrying
Thursday, September 1, 11
&
Thursday, September 1, 11
love
Thursday, September 1, 11
Thursday, September 1, 11
what is html5?



Thursday, September 1, 11
html5 is:

                  •         html

Thursday, September 1, 11
html5 is:

                  •         old & new at the same time

Thursday, September 1, 11
still good: <a> <abbr> <address>
     <area> <b> <base> <bdo>
<blockquote> <body> <br> <button>
  <caption> <cite> <code> <col>
<colgroup> <dd> <del> <dfn> <div>
<dl> <dt> <em> <fieldset> <form>
  <h1> <h2> <h3> <h4> <h5> <h6>
 <head> <hr> <i> <iframe> <img>
   <input> <ins> <kbd> <label>
Thursday, September 1, 11
still good: <legend> <li> <link>
<map> <menu> <noscript> <object>
  <ol> <optgroup> <option> <p>
  <param> <pre> <q> <s> <samp>
<script> <select> <small> <span>
  <strong> <style> <sub> <sup>
 <table> <tbody> <td> <textarea>
<tfoot> <th> <thead> <title> <tr>
           <ul> <var>
Thursday, September 1, 11
no good: <acronym> <applet>
      <basefont> <big> <center> <dir>
         <font> <frame> <frameset>
       <noframes> <strike> <tt> <u>
                   <xmp>

Thursday, September 1, 11
more gooder: <article> <aside>
   <audio> <canvas> <command>
  <datalist> <details> <embed>
 <figcaption> <figure> <footer>
<header> <hgroup> <keygen> <mark>
<meter> <nav> <output> <progress>
   <rp> <rt> <ruby> <section>
<source> <summary> <time> <video>
              <wbr>
Thursday, September 1, 11
what it’s not



Thursday, September 1, 11
html5 isn’t:

                  •         css3

Thursday, September 1, 11
html5 isn’t:

                  •         design

Thursday, September 1, 11
html5 isn’t:

                  •         a flash killer

Thursday, September 1, 11
myth #1:
                     <flash_killer>

Thursday, September 1, 11
myth #2:
                     <hype>

Thursday, September 1, 11
myth #3:
                     <not_ready>

Thursday, September 1, 11
myth #4:
                     <easy_multimedia>

Thursday, September 1, 11
myth #5:
                     <xml_killer>

Thursday, September 1, 11
So what?



Thursday, September 1, 11
so what?

                  •         more browser goodness

Thursday, September 1, 11
so what?

                  •         advantages for different people

Thursday, September 1, 11
Publishers



Thursday, September 1, 11
Publishers

                  •         mobile

Thursday, September 1, 11
Publishers

                  •         use what you know

Thursday, September 1, 11
Publishers

                  •         on even when it's off

Thursday, September 1, 11
designers



Thursday, September 1, 11
designers

                  •         freedom

Thursday, September 1, 11
Thursday, September 1, 11
front-end developers



Thursday, September 1, 11
front-end developers

                  •         doctype

Thursday, September 1, 11
<!doctype html>




Thursday, September 1, 11
front-end developers

                  •         semantic naming

Thursday, September 1, 11
more gooder: <article> <aside>
   <audio> <canvas> <datalist>
 <details> <figcaption> <figure>
   <footer> <header> <hgroup>
  <keygen> <mark> <meter> <nav>
  <output> <progress> <section>
<source> <summary> <time> <video>
Thursday, September 1, 11
"Do not piss your future
              self off!"
                                         Source: Jeremy Keith, in his An Event Apart
                                         presentation.




Thursday, September 1, 11
front-end developers

                  •         multimedia

Thursday, September 1, 11
<video src="">




Thursday, September 1, 11
<video src="">
                            <audio src="">




Thursday, September 1, 11
<video src="">
                            <audio src="">

                             ubiquitous as:
                             <img src="">


Thursday, September 1, 11
middle-tier developers



Thursday, September 1, 11
middle-tier developers

                  •         javascript

Thursday, September 1, 11
middle-tier developers

                  •         web sockets

Thursday, September 1, 11
content creators



Thursday, September 1, 11
content creators

                  •         seo

Thursday, September 1, 11
content creators

                  •         content first, finally

Thursday, September 1, 11
"If you don't know what
               you're designing, you can't
               design it."
                                             Source: Jeffrey Zeldman, during his DIBI
                                             Conference keynote




Thursday, September 1, 11
consumers



Thursday, September 1, 11
consumers

                  •         no upgrade path

Thursday, September 1, 11
consumers

                  •         mobile advantages

Thursday, September 1, 11
who’s using it?



Thursday, September 1, 11
who’s using it?

                  •         google

Thursday, September 1, 11
Thursday, September 1, 11
who’s using it?

                  •         facebook

Thursday, September 1, 11
Thursday, September 1, 11
who’s using it?

                  •         apple

Thursday, September 1, 11
Thursday, September 1, 11
how can i use it?



Thursday, September 1, 11
how can i use it?

                  •         update your doctype

Thursday, September 1, 11
<!doctype html>




Thursday, September 1, 11
how can i use it?

                  •         use semantic naming

Thursday, September 1, 11
<header>




Thursday, September 1, 11
<footer>




Thursday, September 1, 11
<nav>




Thursday, September 1, 11
<div>




Thursday, September 1, 11
how can i use it?

                  •         relook your forms

Thursday, September 1, 11
old school: <input name="keys"
                            value="Search">



Thursday, September 1, 11
new school: <input name="keys"
                            placeholder="Search">



Thursday, September 1, 11
old school: JavaScript-based date
                            picker.



Thursday, September 1, 11
new school: <input type="date">

Thursday, September 1, 11
how can i use it?

                 •      ready for more?

Thursday, September 1, 11
now what?



Thursday, September 1, 11
books:



Thursday, September 1, 11
books:



Thursday, September 1, 11
books:



Thursday, September 1, 11
websites:

                  •         diveintohtml5.org


Thursday, September 1, 11
websites:

                  •         html5doctor.com


Thursday, September 1, 11
websites:

                  •         html5rocks.com


Thursday, September 1, 11
events:

                  •         An event apart

Thursday, September 1, 11
events:

                  •         build guild

Thursday, September 1, 11
events:

                  •         other meetups

Thursday, September 1, 11
events:
                  •         other meetups:
                      •meetup.com/Boston-HTML5-Game-
                             Development



Thursday, September 1, 11
questions?



Thursday, September 1, 11
thank you



Thursday, September 1, 11
Credits:
                  •         All movie stills from "Dr. Strangelove"
                  •         Strangelove fonts by MyFonts.com
                  •         zeldman photo from zeldman.com
                  •         jeremy keith photo from adactio.co.uk
Thursday, September 1, 11
Dale Cruse
              author, "HTML5 Multimedia
              Development Cookbook"
              dalejcruse.com


Thursday, September 1, 11

More Related Content

Viewers also liked

Viewers also liked (8)

Net Beans J2 Me Tutorial
Net Beans J2 Me TutorialNet Beans J2 Me Tutorial
Net Beans J2 Me Tutorial
 
50 is a lot
50 is a lot50 is a lot
50 is a lot
 
Pain masterclass
Pain masterclassPain masterclass
Pain masterclass
 
Know This, Work Here
Know This, Work HereKnow This, Work Here
Know This, Work Here
 
My power point slides
My power point slidesMy power point slides
My power point slides
 
My power point slides
My power point slidesMy power point slides
My power point slides
 
Fam2final presentation
Fam2final presentationFam2final presentation
Fam2final presentation
 
Proyect 3
Proyect 3Proyect 3
Proyect 3
 

Similar to How I Learned To Stop Worrying & Love HTML5

Slaying Bugs with Gradle and Jenkins
Slaying Bugs with Gradle and JenkinsSlaying Bugs with Gradle and Jenkins
Slaying Bugs with Gradle and JenkinsDavid Kay
 
Content focused web design
Content focused web designContent focused web design
Content focused web designEddie Monge
 
Herramientas de desarrollo e implementacion
Herramientas de desarrollo e implementacionHerramientas de desarrollo e implementacion
Herramientas de desarrollo e implementacionCarlos Solis
 
Some simple tips for front-end performance in WordPress
Some simple tips for front-end performance in WordPressSome simple tips for front-end performance in WordPress
Some simple tips for front-end performance in WordPressiparr
 
Advanced Skinning & Styling for Android
Advanced Skinning & Styling for AndroidAdvanced Skinning & Styling for Android
Advanced Skinning & Styling for Androidcephus07
 
Bringing History Alive: Telling stories with Linked Data and open source tools
Bringing History Alive: Telling stories with Linked Data and open source toolsBringing History Alive: Telling stories with Linked Data and open source tools
Bringing History Alive: Telling stories with Linked Data and open source toolsDavid Peterson
 
03 spring framework
03 spring framework03 spring framework
03 spring frameworkAtsushi Sano
 
Tackling Big Data with Hadoop
Tackling Big Data with HadoopTackling Big Data with Hadoop
Tackling Big Data with Hadooppoorlytrainedape
 
Release Early & Release Often: Reducing Deployment Friction
Release Early & Release Often: Reducing Deployment FrictionRelease Early & Release Often: Reducing Deployment Friction
Release Early & Release Often: Reducing Deployment FrictionEngine Yard
 
Goto aarhus: Mobile Browser as a platform
Goto aarhus: Mobile Browser as a platformGoto aarhus: Mobile Browser as a platform
Goto aarhus: Mobile Browser as a platformMaximiliano Firtman
 
KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13
KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13
KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13Lean Kanban Central Europe
 
Developers! Y U No Open Source Ur Code?
Developers! Y U No Open Source Ur Code?Developers! Y U No Open Source Ur Code?
Developers! Y U No Open Source Ur Code?Craig Marvelley
 
Website/Social Media Program Blue Thumb Pond Expo
Website/Social Media Program Blue Thumb Pond ExpoWebsite/Social Media Program Blue Thumb Pond Expo
Website/Social Media Program Blue Thumb Pond ExpoBlue Thumb
 
Image and Music: Processing plus Pure Data with libpd library
Image and Music: Processing plus Pure Data with libpd libraryImage and Music: Processing plus Pure Data with libpd library
Image and Music: Processing plus Pure Data with libpd libraryPETER KIRN
 

Similar to How I Learned To Stop Worrying & Love HTML5 (20)

Going Social
Going SocialGoing Social
Going Social
 
Slaying Bugs with Gradle and Jenkins
Slaying Bugs with Gradle and JenkinsSlaying Bugs with Gradle and Jenkins
Slaying Bugs with Gradle and Jenkins
 
Content focused web design
Content focused web designContent focused web design
Content focused web design
 
CSS Power Tools
CSS Power ToolsCSS Power Tools
CSS Power Tools
 
jQuery Mobile
jQuery MobilejQuery Mobile
jQuery Mobile
 
Herramientas de desarrollo e implementacion
Herramientas de desarrollo e implementacionHerramientas de desarrollo e implementacion
Herramientas de desarrollo e implementacion
 
Some simple tips for front-end performance in WordPress
Some simple tips for front-end performance in WordPressSome simple tips for front-end performance in WordPress
Some simple tips for front-end performance in WordPress
 
Advanced Skinning & Styling for Android
Advanced Skinning & Styling for AndroidAdvanced Skinning & Styling for Android
Advanced Skinning & Styling for Android
 
Bringing History Alive: Telling stories with Linked Data and open source tools
Bringing History Alive: Telling stories with Linked Data and open source toolsBringing History Alive: Telling stories with Linked Data and open source tools
Bringing History Alive: Telling stories with Linked Data and open source tools
 
03 spring framework
03 spring framework03 spring framework
03 spring framework
 
Pocket Knife JS
Pocket Knife JSPocket Knife JS
Pocket Knife JS
 
Tackling Big Data with Hadoop
Tackling Big Data with HadoopTackling Big Data with Hadoop
Tackling Big Data with Hadoop
 
Release Early & Release Often: Reducing Deployment Friction
Release Early & Release Often: Reducing Deployment FrictionRelease Early & Release Often: Reducing Deployment Friction
Release Early & Release Often: Reducing Deployment Friction
 
Goto aarhus: Mobile Browser as a platform
Goto aarhus: Mobile Browser as a platformGoto aarhus: Mobile Browser as a platform
Goto aarhus: Mobile Browser as a platform
 
KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13
KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13
KANBAN – NOT „YET ANOTHER DEVELOPMENT PROCESS“ (FLORIAN EISENBERG) - LKCE13
 
Developers! Y U No Open Source Ur Code?
Developers! Y U No Open Source Ur Code?Developers! Y U No Open Source Ur Code?
Developers! Y U No Open Source Ur Code?
 
Reviving RIM
Reviving RIMReviving RIM
Reviving RIM
 
Website/Social Media Program Blue Thumb Pond Expo
Website/Social Media Program Blue Thumb Pond ExpoWebsite/Social Media Program Blue Thumb Pond Expo
Website/Social Media Program Blue Thumb Pond Expo
 
Image and Music: Processing plus Pure Data with libpd library
Image and Music: Processing plus Pure Data with libpd libraryImage and Music: Processing plus Pure Data with libpd library
Image and Music: Processing plus Pure Data with libpd library
 
Caridy patino - node-js
Caridy patino - node-jsCaridy patino - node-js
Caridy patino - node-js
 

Recently uploaded

Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embeddingZilliz
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 

Recently uploaded (20)

Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embedding
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 

How I Learned To Stop Worrying & Love HTML5