SlideShare a Scribd company logo
1 of 24
The Learn Phase:  HTML 5. The Geekening.  Prepared by “Tack” (@tackyy) August 18th, 2010
HTML5
A brief history of HTML
1991 ,[object Object],[object Object]
1994 ,[object Object],[object Object]
The embiggening ,[object Object],[object Object],[object Object],[object Object],[object Object]
Innovation ,[object Object],[object Object],[object Object],[object Object]
The stagnation ,[object Object],[object Object],[object Object],[object Object],[object Object]
WHATWG Revolt! Revolt! ,[object Object],[object Object]
Reconciliation ,[object Object],[object Object],[object Object],[object Object],[object Object]
What is HTML5?
What is HTML5? ,[object Object],[object Object],[object Object],[object Object],[object Object]
What is HTML5? ,[object Object],[object Object],[object Object]
What is HTML5? ,[object Object],[object Object],[object Object],[object Object],[object Object]
What is HTML5? ,[object Object],[object Object],[object Object],[object Object]
A Flash Killer? ,[object Object],[object Object]
What does this Mean?
Choice of Rich Media Tools ,[object Object],[object Object],[object Object],[object Object]
Standard App Platform ,[object Object],[object Object],[object Object]
Portable User Experiences ,[object Object],[object Object]
Alright Professor Borington, ,[object Object]
Demos ,[object Object],[object Object],[object Object],[object Object],[object Object]
Bodies & Specs ,[object Object],[object Object]
A good book (apart) ,[object Object]

More Related Content

What's hot

website la 11/28
website la 11/28website la 11/28
website la 11/28Thinkful
 
Core Web Standards and Competencies - WritersUA East 2015, Scott DeLoach, Cli...
Core Web Standards and Competencies - WritersUA East 2015, Scott DeLoach, Cli...Core Web Standards and Competencies - WritersUA East 2015, Scott DeLoach, Cli...
Core Web Standards and Competencies - WritersUA East 2015, Scott DeLoach, Cli...Scott DeLoach
 
Again with the Ajax accessibility
Again with the Ajax accessibilityAgain with the Ajax accessibility
Again with the Ajax accessibilityChristian Heilmann
 
Working connected to create offline - Trondheim Developer Conference 2014
Working connected to create offline - Trondheim Developer Conference 2014Working connected to create offline - Trondheim Developer Conference 2014
Working connected to create offline - Trondheim Developer Conference 2014Christian Heilmann
 
Leverageing design from other mediums in webdesign
Leverageing design from other mediums in webdesignLeverageing design from other mediums in webdesign
Leverageing design from other mediums in webdesignThomas Leenders
 
Making your websites fast and scalable - Deri Jones CEO, SciVisum Ltd
Making your websites fast and scalable - Deri Jones CEO, SciVisum LtdMaking your websites fast and scalable - Deri Jones CEO, SciVisum Ltd
Making your websites fast and scalable - Deri Jones CEO, SciVisum LtdSciVisum Ltd
 
GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1Brian Hu
 
Best Practices for Going Mobile - MadWorld 2015, Scott DeLoach, ClickStart
Best Practices for Going Mobile - MadWorld 2015, Scott DeLoach, ClickStartBest Practices for Going Mobile - MadWorld 2015, Scott DeLoach, ClickStart
Best Practices for Going Mobile - MadWorld 2015, Scott DeLoach, ClickStartScott DeLoach
 
Applying Responsive Web Design (RWD) to UA - WritersUA East 2015, Scott DeLoa...
Applying Responsive Web Design (RWD) to UA - WritersUA East 2015, Scott DeLoa...Applying Responsive Web Design (RWD) to UA - WritersUA East 2015, Scott DeLoa...
Applying Responsive Web Design (RWD) to UA - WritersUA East 2015, Scott DeLoa...Scott DeLoach
 
Responsive Content: A CSS-based Approach - MadWorld 2015, Scott DeLoach, Clic...
Responsive Content: A CSS-based Approach - MadWorld 2015, Scott DeLoach, Clic...Responsive Content: A CSS-based Approach - MadWorld 2015, Scott DeLoach, Clic...
Responsive Content: A CSS-based Approach - MadWorld 2015, Scott DeLoach, Clic...Scott DeLoach
 

What's hot (12)

website la 11/28
website la 11/28website la 11/28
website la 11/28
 
Core Web Standards and Competencies - WritersUA East 2015, Scott DeLoach, Cli...
Core Web Standards and Competencies - WritersUA East 2015, Scott DeLoach, Cli...Core Web Standards and Competencies - WritersUA East 2015, Scott DeLoach, Cli...
Core Web Standards and Competencies - WritersUA East 2015, Scott DeLoach, Cli...
 
Again with the Ajax accessibility
Again with the Ajax accessibilityAgain with the Ajax accessibility
Again with the Ajax accessibility
 
Working connected to create offline - Trondheim Developer Conference 2014
Working connected to create offline - Trondheim Developer Conference 2014Working connected to create offline - Trondheim Developer Conference 2014
Working connected to create offline - Trondheim Developer Conference 2014
 
Liberated Accessibility
Liberated AccessibilityLiberated Accessibility
Liberated Accessibility
 
Leverageing design from other mediums in webdesign
Leverageing design from other mediums in webdesignLeverageing design from other mediums in webdesign
Leverageing design from other mediums in webdesign
 
Making your websites fast and scalable - Deri Jones CEO, SciVisum Ltd
Making your websites fast and scalable - Deri Jones CEO, SciVisum LtdMaking your websites fast and scalable - Deri Jones CEO, SciVisum Ltd
Making your websites fast and scalable - Deri Jones CEO, SciVisum Ltd
 
GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1
 
Best Practices for Going Mobile - MadWorld 2015, Scott DeLoach, ClickStart
Best Practices for Going Mobile - MadWorld 2015, Scott DeLoach, ClickStartBest Practices for Going Mobile - MadWorld 2015, Scott DeLoach, ClickStart
Best Practices for Going Mobile - MadWorld 2015, Scott DeLoach, ClickStart
 
Applying Responsive Web Design (RWD) to UA - WritersUA East 2015, Scott DeLoa...
Applying Responsive Web Design (RWD) to UA - WritersUA East 2015, Scott DeLoa...Applying Responsive Web Design (RWD) to UA - WritersUA East 2015, Scott DeLoa...
Applying Responsive Web Design (RWD) to UA - WritersUA East 2015, Scott DeLoa...
 
11 tips for HTML5
11 tips for HTML511 tips for HTML5
11 tips for HTML5
 
Responsive Content: A CSS-based Approach - MadWorld 2015, Scott DeLoach, Clic...
Responsive Content: A CSS-based Approach - MadWorld 2015, Scott DeLoach, Clic...Responsive Content: A CSS-based Approach - MadWorld 2015, Scott DeLoach, Clic...
Responsive Content: A CSS-based Approach - MadWorld 2015, Scott DeLoach, Clic...
 

Similar to The Learn Phase: HTML5. The Geekening.

Similar to The Learn Phase: HTML5. The Geekening. (20)

HTML5: An Introduction
HTML5: An IntroductionHTML5: An Introduction
HTML5: An Introduction
 
Is it time to start using HTML 5
Is it time to start using HTML 5Is it time to start using HTML 5
Is it time to start using HTML 5
 
The road to professional web development
The road to professional web developmentThe road to professional web development
The road to professional web development
 
XHTML Web Designs.pdf
XHTML Web Designs.pdfXHTML Web Designs.pdf
XHTML Web Designs.pdf
 
Michael(tm) Smith: HTML5 at Web Directions South 2008
Michael(tm) Smith: HTML5 at Web Directions South 2008Michael(tm) Smith: HTML5 at Web Directions South 2008
Michael(tm) Smith: HTML5 at Web Directions South 2008
 
HTML5
HTML5HTML5
HTML5
 
HTML5: A brave new world of markup
HTML5: A brave new world of markupHTML5: A brave new world of markup
HTML5: A brave new world of markup
 
Everything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 minEverything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 min
 
Html5
Html5Html5
Html5
 
Webcomponents v2
Webcomponents v2Webcomponents v2
Webcomponents v2
 
Delhi student's day
Delhi student's dayDelhi student's day
Delhi student's day
 
Rails Girls - Introduction to HTML & CSS
Rails Girls - Introduction to HTML & CSSRails Girls - Introduction to HTML & CSS
Rails Girls - Introduction to HTML & CSS
 
Web 2.0: a course
Web 2.0: a courseWeb 2.0: a course
Web 2.0: a course
 
HTML5 and XHTML2
HTML5 and XHTML2HTML5 and XHTML2
HTML5 and XHTML2
 
Html 5 introduction
Html 5 introductionHtml 5 introduction
Html 5 introduction
 
Wa html5-pdf
Wa html5-pdfWa html5-pdf
Wa html5-pdf
 
Wa html5-pdf
Wa html5-pdfWa html5-pdf
Wa html5-pdf
 
HTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutionsHTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutions
 
DevChatt: The Wonderful World Of Html5
DevChatt: The Wonderful World Of Html5DevChatt: The Wonderful World Of Html5
DevChatt: The Wonderful World Of Html5
 
Html 5 in a big nutshell
Html 5 in a big nutshellHtml 5 in a big nutshell
Html 5 in a big nutshell
 

More from Traction

Adobe gets real (or fake) about content marketing
Adobe gets real (or fake) about content marketingAdobe gets real (or fake) about content marketing
Adobe gets real (or fake) about content marketingTraction
 
Designing with Giant Pictures
Designing with Giant PicturesDesigning with Giant Pictures
Designing with Giant PicturesTraction
 
Designing With Big Pictures
Designing With Big PicturesDesigning With Big Pictures
Designing With Big PicturesTraction
 
Cat Memes 2011-2012
Cat Memes 2011-2012Cat Memes 2011-2012
Cat Memes 2011-2012Traction
 
3 steps to building a brand
3 steps to building a brand3 steps to building a brand
3 steps to building a brandTraction
 
Hello Internet! Kasey's thoughts on current internet memes. August through Se...
Hello Internet! Kasey's thoughts on current internet memes. August through Se...Hello Internet! Kasey's thoughts on current internet memes. August through Se...
Hello Internet! Kasey's thoughts on current internet memes. August through Se...Traction
 
Your brand is a commodity.
Your brand is a commodity.Your brand is a commodity.
Your brand is a commodity.Traction
 
Designing brand experiences
Designing brand experiencesDesigning brand experiences
Designing brand experiencesTraction
 
Designing a people strategy
Designing a people strategyDesigning a people strategy
Designing a people strategyTraction
 
Gamification? Help or Hype
Gamification? Help or HypeGamification? Help or Hype
Gamification? Help or HypeTraction
 
Why every brand needs an API for developers
Why every brand needs an API for developersWhy every brand needs an API for developers
Why every brand needs an API for developersTraction
 
SXSW: 7 reasons your employees hate you
SXSW: 7 reasons your employees hate youSXSW: 7 reasons your employees hate you
SXSW: 7 reasons your employees hate youTraction
 
A power user’s guide to LinkedIn
A power user’s guide to LinkedInA power user’s guide to LinkedIn
A power user’s guide to LinkedInTraction
 
How to avoid masturbation in the blogosphere
How to avoid masturbation in the blogosphereHow to avoid masturbation in the blogosphere
How to avoid masturbation in the blogosphereTraction
 
Killer Creative for Moms
Killer Creative for MomsKiller Creative for Moms
Killer Creative for MomsTraction
 
Uncovering SEO (it’s really not that complicated)
Uncovering SEO (it’s really not that complicated) Uncovering SEO (it’s really not that complicated)
Uncovering SEO (it’s really not that complicated) Traction
 
The Learn Phase: Recasting the Agile Manifesto
The Learn Phase: Recasting the Agile ManifestoThe Learn Phase: Recasting the Agile Manifesto
The Learn Phase: Recasting the Agile ManifestoTraction
 

More from Traction (17)

Adobe gets real (or fake) about content marketing
Adobe gets real (or fake) about content marketingAdobe gets real (or fake) about content marketing
Adobe gets real (or fake) about content marketing
 
Designing with Giant Pictures
Designing with Giant PicturesDesigning with Giant Pictures
Designing with Giant Pictures
 
Designing With Big Pictures
Designing With Big PicturesDesigning With Big Pictures
Designing With Big Pictures
 
Cat Memes 2011-2012
Cat Memes 2011-2012Cat Memes 2011-2012
Cat Memes 2011-2012
 
3 steps to building a brand
3 steps to building a brand3 steps to building a brand
3 steps to building a brand
 
Hello Internet! Kasey's thoughts on current internet memes. August through Se...
Hello Internet! Kasey's thoughts on current internet memes. August through Se...Hello Internet! Kasey's thoughts on current internet memes. August through Se...
Hello Internet! Kasey's thoughts on current internet memes. August through Se...
 
Your brand is a commodity.
Your brand is a commodity.Your brand is a commodity.
Your brand is a commodity.
 
Designing brand experiences
Designing brand experiencesDesigning brand experiences
Designing brand experiences
 
Designing a people strategy
Designing a people strategyDesigning a people strategy
Designing a people strategy
 
Gamification? Help or Hype
Gamification? Help or HypeGamification? Help or Hype
Gamification? Help or Hype
 
Why every brand needs an API for developers
Why every brand needs an API for developersWhy every brand needs an API for developers
Why every brand needs an API for developers
 
SXSW: 7 reasons your employees hate you
SXSW: 7 reasons your employees hate youSXSW: 7 reasons your employees hate you
SXSW: 7 reasons your employees hate you
 
A power user’s guide to LinkedIn
A power user’s guide to LinkedInA power user’s guide to LinkedIn
A power user’s guide to LinkedIn
 
How to avoid masturbation in the blogosphere
How to avoid masturbation in the blogosphereHow to avoid masturbation in the blogosphere
How to avoid masturbation in the blogosphere
 
Killer Creative for Moms
Killer Creative for MomsKiller Creative for Moms
Killer Creative for Moms
 
Uncovering SEO (it’s really not that complicated)
Uncovering SEO (it’s really not that complicated) Uncovering SEO (it’s really not that complicated)
Uncovering SEO (it’s really not that complicated)
 
The Learn Phase: Recasting the Agile Manifesto
The Learn Phase: Recasting the Agile ManifestoThe Learn Phase: Recasting the Agile Manifesto
The Learn Phase: Recasting the Agile Manifesto
 

Recently uploaded

Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
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
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
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
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
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
 

Recently uploaded (20)

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
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
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
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
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
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
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
 

The Learn Phase: HTML5. The Geekening.

Editor's Notes

  1. html5 ------- 1. intro 2. brief history of html 1. tim berners-lee a. html tags - 1991 2. ietf html 2 a. img tag - 1994 3. the embiggening a. w3c 1. html a. html 4.01- 1999 2. css b. javascript 1. netscape 2 2. ecma a. js b. actionscript c. browzer warz 1. new features a-go-go 2. motivate the march of standards 4. innovation a. ajax 1. ajax= xml + javascript + xhr b. dhtml 1. dhtml = css + javascript c. buzzwords 5. the stagnation a. xhtml b. web forms 6. html5 a. whatwg a. forms and apps b. w3c b. xhtml2 and forms c. merger 3. so, what is html5 1. merging of separate things a. no longer just markup b. behavior of things 1. javascript 2. rendering engines a. failure c. new facilities 1. local storage 2. forms and validation a. new data types 3. web sockets 4. new DOM methods 5. AJAX 6. drag and drop d. richer media 1. video 2. audio 3. vector 2. a modular spec a. parts can be updated and approved separately of entire spec b. entire spec can go forward if parts aren't ready 3. new tags a. semantics 1. SEO 2. accessability b. rich media 4. a buzzword a. disambiguation 1. css3 is not part of html 5 a. native animations b. transforms 2. just like dhtml isn't part of AJAX 3. But lay-people lump them all together because they don't what they're talking about 5. a flash killer? a. did the screw kill the nail? b. did people stop painting when photography was invented? 4. What does this mean for me, the jock or drama queens and kings? 1. choice of rich media tools 2. standardized, open application platform a. any innovator who can download free browser code can put it on their new gadget 1. they can't do this with flash b. the web is one big mashup c. bridges the digital divide 1. you don't need to be a rich kid with expensive software to learn 3. portable user experiences a. skinning can finally be for realizes. 5. what can I do with it? 1. demos: http://www.apple.com/html5/ http://boagworld.com/techno logy/great-demo-of-html-5-canvas http://www.kevs3d.co.uk/ dev/asteroids/ http://muro.deviantart.com / http://www.andr ew-hoyer.com/experiments/cloth