SlideShare a Scribd company logo

Html5: What is it?

•
•
J
joeydehnert

This was a presentation for the NYCSS meetup group on March 21, 2011 outlining HTML 5, by Joey Dehnert.

Technology
1 of 21
Meetup HTML 5 – What is it? Joey Dehnert joeydehnert.com t: twitter.com/joeydehnert
What is HTML 5? ,[object Object],[object Object],[object Object]
How it’s smarter. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Example of Smarter ,[object Object],[object Object],[object Object],[object Object]
Example of Smarter ,[object Object],[object Object]
Example of Smarter ,[object Object],[object Object],[object Object],[object Object]
Example of Smarter
Smart Fringe Features ,[object Object],[object Object],[object Object],[object Object],[object Object]
Other Awesome Things ,[object Object],[object Object],[object Object],[object Object]
It is more intuitive. ,[object Object],[object Object],[object Object],[object Object]
It is more intuitive. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML 5 , what it isn't. ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML 5 , what it isn't. ,[object Object]
What can we use now? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
What can we use now? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Real World Example ,[object Object]
Real World Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Real World Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Real World Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Real World Example ,[object Object],[object Object],[object Object]
Resources ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Recommended

HTML5 with examples
HTML5 with examplesHTML5 with examples
HTML5 with examples
gopivthmk
 
New HTML5/CSS3 techniques
New HTML5/CSS3 techniquesNew HTML5/CSS3 techniques
New HTML5/CSS3 techniques
mbeatrizoliveira
 
HTML5 - techMaine Presentation 5/18/09
HTML5 - techMaine Presentation 5/18/09HTML5 - techMaine Presentation 5/18/09
HTML5 - techMaine Presentation 5/18/09
pemaquid
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
Doncho Minkov
 
Html5 accessibility
Html5 accessibilityHtml5 accessibility
Html5 accessibility
Virginia DeBolt
 
HTML5
HTML5HTML5
HTML5
Doncho Minkov
 
You and Your Stylesheet
You and Your StylesheetYou and Your Stylesheet
You and Your Stylesheet
Virginia DeBolt
 
Html 101
Html 101Html 101
Html 101
Aldrin SuperGo
 

Recommended

HTML5 with examples
HTML5 with examplesHTML5 with examples
HTML5 with examples
gopivthmk
 
New HTML5/CSS3 techniques
New HTML5/CSS3 techniquesNew HTML5/CSS3 techniques
New HTML5/CSS3 techniques
mbeatrizoliveira
 
HTML5 - techMaine Presentation 5/18/09
HTML5 - techMaine Presentation 5/18/09HTML5 - techMaine Presentation 5/18/09
HTML5 - techMaine Presentation 5/18/09
pemaquid
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
Doncho Minkov
 
Html5 accessibility
Html5 accessibilityHtml5 accessibility
Html5 accessibility
Virginia DeBolt
 
HTML5
HTML5HTML5
HTML5
Doncho Minkov
 
You and Your Stylesheet
You and Your StylesheetYou and Your Stylesheet
You and Your Stylesheet
Virginia DeBolt
 
Html 101
Html 101Html 101
Html 101
Aldrin SuperGo
 
Html Presentation Of Web Page Making
Html Presentation Of Web Page MakingHtml Presentation Of Web Page Making
Html Presentation Of Web Page Making
Sandeep Supal
 
Optimizing Drupal for Mobile Devices
Optimizing Drupal for Mobile DevicesOptimizing Drupal for Mobile Devices
Optimizing Drupal for Mobile Devices
Sugree Phatanapherom
 
LAMP_TRAINING_SESSION_3
LAMP_TRAINING_SESSION_3LAMP_TRAINING_SESSION_3
LAMP_TRAINING_SESSION_3
umapst
 
Microformats HTML to API
Microformats HTML to APIMicroformats HTML to API
Microformats HTML to API
elliando dias
 
Html tags
Html tagsHtml tags
Html tags
Gaurav Jaiswal
 
HTML5: 5 Quick Wins
HTML5: 5 Quick WinsHTML5: 5 Quick Wins
HTML5: 5 Quick Wins
Jeff Leombruno
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
coachhahn
 
Html ppt
Html pptHtml ppt
Html ppt
Sanmuga Nathan
 
Intro to Html 5
Intro to Html 5Intro to Html 5
Intro to Html 5
Shauvik Roy Choudhary, Ph.D.
 
HTML and CSS workshop
HTML and CSS workshopHTML and CSS workshop
HTML and CSS workshop
Manchester Girl Geeks Geeks
 
Block2 Session2 Presentation
Block2 Session2 PresentationBlock2 Session2 Presentation
Block2 Session2 Presentation
Michael Gwyther
 
1.2 elements and attributes copy (3)
1.2 elements and attributes copy (3)1.2 elements and attributes copy (3)
1.2 elements and attributes copy (3)
Bulldogs83
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
Paul Dionysius
 
Html Ppt
Html PptHtml Ppt
Html Ppt
Hema Prasanth
 
Ajax ons2
Ajax ons2Ajax ons2
Ajax ons2
Chad Davis
 
02. session 02 working with html elements
02. session 02 working with html elements02. session 02 working with html elements
02. session 02 working with html elements
Phúc Đỗ
 
Haml & Sass presentation
Haml & Sass presentationHaml & Sass presentation
Haml & Sass presentation
bryanbibat
 
HTML5
HTML5HTML5
HTML5
Mark Embling
 
Html
HtmlHtml
Html
irshadahamed
 
Dot control dbase_rendement_001
Dot control dbase_rendement_001Dot control dbase_rendement_001
Dot control dbase_rendement_001
Mark Landman
 
La Societat
La SocietatLa Societat
La Societat
jvm_97
 
Jms(b)btsコメント付き
Jms(b)btsコメント付きJms(b)btsコメント付き
Jms(b)btsコメント付き
Abu Zahra
 

More Related Content

What's hot

Html Presentation Of Web Page Making
Html Presentation Of Web Page MakingHtml Presentation Of Web Page Making
Html Presentation Of Web Page Making
Sandeep Supal
 
Optimizing Drupal for Mobile Devices
Optimizing Drupal for Mobile DevicesOptimizing Drupal for Mobile Devices
Optimizing Drupal for Mobile Devices
Sugree Phatanapherom
 
Microformats HTML to API
Microformats HTML to APIMicroformats HTML to API
Microformats HTML to API
elliando dias
 
1.2 elements and attributes copy (3)
1.2 elements and attributes copy (3)1.2 elements and attributes copy (3)
1.2 elements and attributes copy (3)
Bulldogs83
 
02. session 02 working with html elements
02. session 02 working with html elements02. session 02 working with html elements
02. session 02 working with html elements
Phúc Đỗ
 

What's hot (19)

Html Presentation Of Web Page Making
Html Presentation Of Web Page MakingHtml Presentation Of Web Page Making
Html Presentation Of Web Page Making
 
Optimizing Drupal for Mobile Devices
Optimizing Drupal for Mobile DevicesOptimizing Drupal for Mobile Devices
Optimizing Drupal for Mobile Devices
 
LAMP_TRAINING_SESSION_3
LAMP_TRAINING_SESSION_3LAMP_TRAINING_SESSION_3
LAMP_TRAINING_SESSION_3
 
Microformats HTML to API
Microformats HTML to APIMicroformats HTML to API
Microformats HTML to API
 
Html tags
Html tagsHtml tags
Html tags
 
HTML5: 5 Quick Wins
HTML5: 5 Quick WinsHTML5: 5 Quick Wins
HTML5: 5 Quick Wins
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
Html ppt
Html pptHtml ppt
Html ppt
 
Intro to Html 5
Intro to Html 5Intro to Html 5
Intro to Html 5
 
HTML and CSS workshop
HTML and CSS workshopHTML and CSS workshop
HTML and CSS workshop
 
Block2 Session2 Presentation
Block2 Session2 PresentationBlock2 Session2 Presentation
Block2 Session2 Presentation
 
1.2 elements and attributes copy (3)
1.2 elements and attributes copy (3)1.2 elements and attributes copy (3)
1.2 elements and attributes copy (3)
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Ajax ons2
Ajax ons2Ajax ons2
Ajax ons2
 
02. session 02 working with html elements
02. session 02 working with html elements02. session 02 working with html elements
02. session 02 working with html elements
 
Haml & Sass presentation
Haml & Sass presentationHaml & Sass presentation
Haml & Sass presentation
 
HTML5
HTML5HTML5
HTML5
 
Html
HtmlHtml
Html
 

Viewers also liked

Dot control dbase_rendement_001
Dot control dbase_rendement_001Dot control dbase_rendement_001
Dot control dbase_rendement_001
Mark Landman
 
La Societat
La SocietatLa Societat
La Societat
jvm_97
 
Jms(b)btsコメント付き
Jms(b)btsコメント付きJms(b)btsコメント付き
Jms(b)btsコメント付き
Abu Zahra
 
Basic Math Jeopardy
Basic Math JeopardyBasic Math Jeopardy
Basic Math Jeopardy
kvaughan11
 
簡易マニュアル被災者用
簡易マニュアル被災者用簡易マニュアル被災者用
簡易マニュアル被災者用
Takeshi Ishii
 
Catalogo herramientas bricobox
Catalogo herramientas bricoboxCatalogo herramientas bricobox
Catalogo herramientas bricobox
sandrabricobox
 
簡易マニュアル提供者用
簡易マニュアル提供者用簡易マニュアル提供者用
簡易マニュアル提供者用
Takeshi Ishii
 

Viewers also liked (18)

Dot control dbase_rendement_001
Dot control dbase_rendement_001Dot control dbase_rendement_001
Dot control dbase_rendement_001
 
La Societat
La SocietatLa Societat
La Societat
 
Jms(b)btsコメント付き
Jms(b)btsコメント付きJms(b)btsコメント付き
Jms(b)btsコメント付き
 
New york
New yorkNew york
New york
 
Basic Math Jeopardy
Basic Math JeopardyBasic Math Jeopardy
Basic Math Jeopardy
 
A brief introduction in how to handle an exponential world by using growth ha...
A brief introduction in how to handle an exponential world by using growth ha...A brief introduction in how to handle an exponential world by using growth ha...
A brief introduction in how to handle an exponential world by using growth ha...
 
Lean Analytics Roundtable - Breaking Barriers 2016
Lean Analytics Roundtable - Breaking Barriers 2016Lean Analytics Roundtable - Breaking Barriers 2016
Lean Analytics Roundtable - Breaking Barriers 2016
 
The journey
The journeyThe journey
The journey
 
Basic mathjeo
Basic mathjeoBasic mathjeo
Basic mathjeo
 
簡易マニュアル被災者用
簡易マニュアル被災者用簡易マニュアル被災者用
簡易マニュアル被災者用
 
Catalogo herramientas bricobox
Catalogo herramientas bricoboxCatalogo herramientas bricobox
Catalogo herramientas bricobox
 
Rich's TIP
Rich's TIPRich's TIP
Rich's TIP
 
簡易マニュアル提供者用
簡易マニュアル提供者用簡易マニュアル提供者用
簡易マニュアル提供者用
 
Rich's TIP
Rich's TIPRich's TIP
Rich's TIP
 
Statement v2
Statement v2Statement v2
Statement v2
 
Goals and resolutions
Goals and resolutionsGoals and resolutions
Goals and resolutions
 
Master seller hgmp
Master seller hgmpMaster seller hgmp
Master seller hgmp
 
Medical entrepreneurship
Medical entrepreneurshipMedical entrepreneurship
Medical entrepreneurship
 

Similar to Html5: What is it?

What I brought back from Austin
What I brought back from AustinWhat I brought back from Austin
What I brought back from Austin
Lisa Adkins
 
Peter lubbers-html5-overview-sf-dev-conf-2011
Peter lubbers-html5-overview-sf-dev-conf-2011Peter lubbers-html5-overview-sf-dev-conf-2011
Peter lubbers-html5-overview-sf-dev-conf-2011
Peter Lubbers
 
HTML5 - What h#@$ is it?
HTML5 - What h#@$ is it?HTML5 - What h#@$ is it?
HTML5 - What h#@$ is it?
Carlos Ramon
 
Html 5 a step towards semantic web
Html 5 a step towards semantic webHtml 5 a step towards semantic web
Html 5 a step towards semantic web
Sachin Khosla
 

Similar to Html5: What is it? (20)

Html5 Overview
Html5 OverviewHtml5 Overview
Html5 Overview
 
HTML5 - One spec to rule them all
HTML5 - One spec to rule them allHTML5 - One spec to rule them all
HTML5 - One spec to rule them all
 
HTML5 Overview
HTML5 OverviewHTML5 Overview
HTML5 Overview
 
Html5
Html5Html5
Html5
 
Html5
Html5 Html5
Html5
 
HTML5 Fundamentals
HTML5 FundamentalsHTML5 Fundamentals
HTML5 Fundamentals
 
HTML5
HTML5HTML5
HTML5
 
Developing Gadgets
Developing GadgetsDeveloping Gadgets
Developing Gadgets
 
KMUTNB - Internet Programming 3/7
KMUTNB - Internet Programming 3/7KMUTNB - Internet Programming 3/7
KMUTNB - Internet Programming 3/7
 
What I brought back from Austin
What I brought back from AustinWhat I brought back from Austin
What I brought back from Austin
 
Understanding html
Understanding htmlUnderstanding html
Understanding html
 
Using HTML5 and CSS3 today
Using HTML5 and CSS3 todayUsing HTML5 and CSS3 today
Using HTML5 and CSS3 today
 
Los Angeles HTML5 User Group Meeting Ask the Expert Session
Los Angeles HTML5 User Group Meeting Ask the Expert SessionLos Angeles HTML5 User Group Meeting Ask the Expert Session
Los Angeles HTML5 User Group Meeting Ask the Expert Session
 
Peter lubbers-html5-overview-sf-dev-conf-2011
Peter lubbers-html5-overview-sf-dev-conf-2011Peter lubbers-html5-overview-sf-dev-conf-2011
Peter lubbers-html5-overview-sf-dev-conf-2011
 
Successful Teams follow Standards
Successful Teams follow StandardsSuccessful Teams follow Standards
Successful Teams follow Standards
 
Html5
Html5Html5
Html5
 
HTML5 - What h#@$ is it?
HTML5 - What h#@$ is it?HTML5 - What h#@$ is it?
HTML5 - What h#@$ is it?
 
HTML5 and web technology update
HTML5 and web technology updateHTML5 and web technology update
HTML5 and web technology update
 
OpenSocial - GTUG Stockholm Meeting Oct 1 2009
OpenSocial - GTUG Stockholm Meeting Oct 1 2009OpenSocial - GTUG Stockholm Meeting Oct 1 2009
OpenSocial - GTUG Stockholm Meeting Oct 1 2009
 
Html 5 a step towards semantic web
Html 5 a step towards semantic webHtml 5 a step towards semantic web
Html 5 a step towards semantic web
 

Recently uploaded

From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
 
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
sammart93
 

Recently uploaded (20)

Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
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...
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
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
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 

Html5: What is it?

  • 1. Meetup HTML 5 – What is it? Joey Dehnert joeydehnert.com t: twitter.com/joeydehnert
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.