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

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.

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
Ravi Raj
 
XHTML Web Designs.pdf
XHTML Web Designs.pdfXHTML Web Designs.pdf
XHTML Web Designs.pdf
Ayesha Siddika
 
DevChatt: The Wonderful World Of Html5
DevChatt: The Wonderful World Of Html5DevChatt: The Wonderful World Of Html5
DevChatt: The Wonderful World Of Html5
Cameron Kilgore
 

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

Your brand is a commodity.
Your brand is a commodity.Your brand is a commodity.
Your brand is a commodity.
Traction
 

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

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Recently uploaded (20)

presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 

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