SlideShare a Scribd company logo

DV10 HTML5: The Future of Web Development

This session took the audience through some of the context of how HTML5 came about, the common misconceptions, new elements, Web API's and techniques made available in the new standard. It also touched on how to utilize HTML5 in the real world through showcasing Responsive Design Website using CSS3 media query & Polyfills and HTML5 Windows 8 Application.

1 of 33
DV10 HTML5: The Future of Web Development
DV10 HTML5: The Future of Web Development
DV10 HTML5: The Future of Web Development
DV10 HTML5: The Future of Web Development
DV10 HTML5: The Future of Web Development
The HTML 5 doctype is way
                                    <!DOCTYPE html>
easier than any other doctype.
Ever!                               <html>
                                    vs.
                                    <html xmlns="http://www.w3.org/1999/xhtml">
Just type the parts you remember,
and you’ll probably be right.

Recommended

HTML5: The Future of Web Development with IE9, IE10 and Windows 8
HTML5: The Future of Web Development with IE9, IE10 and Windows 8HTML5: The Future of Web Development with IE9, IE10 and Windows 8
HTML5: The Future of Web Development with IE9, IE10 and Windows 8Shaymaa
 
Exchange 2010/2013 Exchange Management Shell Command
Exchange 2010/2013 Exchange Management Shell CommandExchange 2010/2013 Exchange Management Shell Command
Exchange 2010/2013 Exchange Management Shell CommandNaseem Khoodoruth
 
JavaScript - Chapter 13 - Browser Object Model(BOM)
JavaScript - Chapter 13 - Browser Object Model(BOM)JavaScript - Chapter 13 - Browser Object Model(BOM)
JavaScript - Chapter 13 - Browser Object Model(BOM)WebStackAcademy
 
Better than you think: Handling JSON data in ClickHouse
Better than you think: Handling JSON data in ClickHouseBetter than you think: Handling JSON data in ClickHouse
Better than you think: Handling JSON data in ClickHouseAltinity Ltd
 
Groovy and Grails talk
Groovy and Grails talkGroovy and Grails talk
Groovy and Grails talkdesistartups
 
Going fullstack React(ive) - Paulo Lopes - Codemotion Amsterdam 2017
Going fullstack React(ive) - Paulo Lopes - Codemotion Amsterdam 2017Going fullstack React(ive) - Paulo Lopes - Codemotion Amsterdam 2017
Going fullstack React(ive) - Paulo Lopes - Codemotion Amsterdam 2017Codemotion
 
Shrug2017 arcpy data_and_you
Shrug2017 arcpy data_and_youShrug2017 arcpy data_and_you
Shrug2017 arcpy data_and_youSHRUG GIS
 
Angular - Chapter 9 - Authentication and Authorization
Angular - Chapter 9 - Authentication and AuthorizationAngular - Chapter 9 - Authentication and Authorization
Angular - Chapter 9 - Authentication and AuthorizationWebStackAcademy
 

More Related Content

Viewers also liked

Hi-Tech world of entertainment
Hi-Tech world of entertainmentHi-Tech world of entertainment
Hi-Tech world of entertainmentshynagupta5
 
Guía de observación primera
Guía de observación primera Guía de observación primera
Guía de observación primera Alondra Saucedoo
 
Factura de flores
Factura de floresFactura de flores
Factura de floresMayerli Gil
 
evidencia del acuerdo
evidencia del acuerdoevidencia del acuerdo
evidencia del acuerdoTerechuy13
 
Investigación de mercados internacionales
Investigación de mercados internacionalesInvestigación de mercados internacionales
Investigación de mercados internacionalesAlberth ibañez Fauched
 
Day in the Life
Day in the LifeDay in the Life
Day in the LifeBen Oliver
 
2 info trabajadores_ind (1)
2 info trabajadores_ind (1)2 info trabajadores_ind (1)
2 info trabajadores_ind (1)usacalizaya11
 
Les mathematiques_au_quotidien
Les mathematiques_au_quotidienLes mathematiques_au_quotidien
Les mathematiques_au_quotidienCARLA
 
Lineas de produccion de software
Lineas de produccion de softwareLineas de produccion de software
Lineas de produccion de softwareAbraham May Colli
 
Virtual Product Design in Manufacturing
Virtual Product Design in ManufacturingVirtual Product Design in Manufacturing
Virtual Product Design in ManufacturingAngelo Messina
 
Saqib Abbas CV (1)
Saqib Abbas CV (1)Saqib Abbas CV (1)
Saqib Abbas CV (1)Saqib Abbas
 

Viewers also liked (17)

Hi-Tech world of entertainment
Hi-Tech world of entertainmentHi-Tech world of entertainment
Hi-Tech world of entertainment
 
Guía de observación primera
Guía de observación primera Guía de observación primera
Guía de observación primera
 
Cpo learn from pe
Cpo learn from peCpo learn from pe
Cpo learn from pe
 
PLASTI OUEST
PLASTI OUESTPLASTI OUEST
PLASTI OUEST
 
Factura de flores
Factura de floresFactura de flores
Factura de flores
 
evidencia del acuerdo
evidencia del acuerdoevidencia del acuerdo
evidencia del acuerdo
 
Investigación de mercados internacionales
Investigación de mercados internacionalesInvestigación de mercados internacionales
Investigación de mercados internacionales
 
Day in the Life
Day in the LifeDay in the Life
Day in the Life
 
2 info trabajadores_ind (1)
2 info trabajadores_ind (1)2 info trabajadores_ind (1)
2 info trabajadores_ind (1)
 
Les mathematiques_au_quotidien
Les mathematiques_au_quotidienLes mathematiques_au_quotidien
Les mathematiques_au_quotidien
 
Lineas de produccion de software
Lineas de produccion de softwareLineas de produccion de software
Lineas de produccion de software
 
Las plantas
Las plantasLas plantas
Las plantas
 
Sono una creatura
Sono una creaturaSono una creatura
Sono una creatura
 
Mosquito army vocabulary
Mosquito army vocabularyMosquito army vocabulary
Mosquito army vocabulary
 
Rentas de cuarta y quinta categoría del impuesto cpc. edson gonzales peña - ...
Rentas de cuarta y quinta categoría del impuesto  cpc. edson gonzales peña - ...Rentas de cuarta y quinta categoría del impuesto  cpc. edson gonzales peña - ...
Rentas de cuarta y quinta categoría del impuesto cpc. edson gonzales peña - ...
 
Virtual Product Design in Manufacturing
Virtual Product Design in ManufacturingVirtual Product Design in Manufacturing
Virtual Product Design in Manufacturing
 
Saqib Abbas CV (1)
Saqib Abbas CV (1)Saqib Abbas CV (1)
Saqib Abbas CV (1)
 

Similar to DV10 HTML5: The Future of Web Development

Similar to DV10 HTML5: The Future of Web Development (20)

HTML5 - A Whirlwind tour
HTML5 - A Whirlwind tourHTML5 - A Whirlwind tour
HTML5 - A Whirlwind tour
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
 
Html5
Html5Html5
Html5
 
5 x HTML5 worth using in APEX (5)
5 x HTML5 worth using in APEX (5)5 x HTML5 worth using in APEX (5)
5 x HTML5 worth using in APEX (5)
 
Wordcamp Thessaloniki 2011 The Nextweb
Wordcamp Thessaloniki 2011 The NextwebWordcamp Thessaloniki 2011 The Nextweb
Wordcamp Thessaloniki 2011 The Nextweb
 
WordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWebWordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWeb
 
HTML5 (and friends) - History, overview and current status - jsDay Verona 11....
HTML5 (and friends) - History, overview and current status - jsDay Verona 11....HTML5 (and friends) - History, overview and current status - jsDay Verona 11....
HTML5 (and friends) - History, overview and current status - jsDay Verona 11....
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
 
Edge of the Web
Edge of the WebEdge of the Web
Edge of the Web
 
Html5
Html5Html5
Html5
 
Html5 intro
Html5 introHtml5 intro
Html5 intro
 
HTML5
HTML5HTML5
HTML5
 
HTML5 Refresher
HTML5 RefresherHTML5 Refresher
HTML5 Refresher
 
Html5
Html5Html5
Html5
 
Web Directions @media 2010
Web Directions @media 2010Web Directions @media 2010
Web Directions @media 2010
 
CSS 3 Overview
CSS 3 OverviewCSS 3 Overview
CSS 3 Overview
 
Brave new world of HTML5
Brave new world of HTML5Brave new world of HTML5
Brave new world of HTML5
 
webinale2011_Chris Mills_Brave new world of HTML5Html5
webinale2011_Chris Mills_Brave new world of HTML5Html5webinale2011_Chris Mills_Brave new world of HTML5Html5
webinale2011_Chris Mills_Brave new world of HTML5Html5
 
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
 

More from Ronald Widha

Measuring Organization Engagement
Measuring Organization EngagementMeasuring Organization Engagement
Measuring Organization EngagementRonald Widha
 
DV01 Ten Things You Always Wanted to Know About Windows Azure But Were Afraid...
DV01 Ten Things You Always Wanted to Know About Windows Azure But Were Afraid...DV01 Ten Things You Always Wanted to Know About Windows Azure But Were Afraid...
DV01 Ten Things You Always Wanted to Know About Windows Azure But Were Afraid...Ronald Widha
 
DV03 Smooth Migration to Windows Azure
DV03 Smooth Migration to Windows AzureDV03 Smooth Migration to Windows Azure
DV03 Smooth Migration to Windows AzureRonald Widha
 
Tech-out's Hack-a-day
Tech-out's Hack-a-dayTech-out's Hack-a-day
Tech-out's Hack-a-dayRonald Widha
 
ASI202 Everything you want to know about Windows Azure but were afraid to ask
ASI202 Everything you want to know about Windows Azure but were afraid to askASI202 Everything you want to know about Windows Azure but were afraid to ask
ASI202 Everything you want to know about Windows Azure but were afraid to askRonald Widha
 
DPR202 Open Data for the Open Web
DPR202 Open Data for the Open WebDPR202 Open Data for the Open Web
DPR202 Open Data for the Open WebRonald Widha
 
iPad in the Enterprise
iPad in the EnterpriseiPad in the Enterprise
iPad in the EnterpriseRonald Widha
 

More from Ronald Widha (8)

Measuring Organization Engagement
Measuring Organization EngagementMeasuring Organization Engagement
Measuring Organization Engagement
 
DV01 Ten Things You Always Wanted to Know About Windows Azure But Were Afraid...
DV01 Ten Things You Always Wanted to Know About Windows Azure But Were Afraid...DV01 Ten Things You Always Wanted to Know About Windows Azure But Were Afraid...
DV01 Ten Things You Always Wanted to Know About Windows Azure But Were Afraid...
 
DV03 Smooth Migration to Windows Azure
DV03 Smooth Migration to Windows AzureDV03 Smooth Migration to Windows Azure
DV03 Smooth Migration to Windows Azure
 
Tech-out's Hack-a-day
Tech-out's Hack-a-dayTech-out's Hack-a-day
Tech-out's Hack-a-day
 
ASI202 Everything you want to know about Windows Azure but were afraid to ask
ASI202 Everything you want to know about Windows Azure but were afraid to askASI202 Everything you want to know about Windows Azure but were afraid to ask
ASI202 Everything you want to know about Windows Azure but were afraid to ask
 
DPR202 Open Data for the Open Web
DPR202 Open Data for the Open WebDPR202 Open Data for the Open Web
DPR202 Open Data for the Open Web
 
iPad in the Enterprise
iPad in the EnterpriseiPad in the Enterprise
iPad in the Enterprise
 
Android
AndroidAndroid
Android
 

Recently uploaded

How we think about an advisor tech stack
How we think about an advisor tech stackHow we think about an advisor tech stack
How we think about an advisor tech stackSummit
 
The Future of Product, by Founder & CEO, Product School
The Future of Product, by Founder & CEO, Product SchoolThe Future of Product, by Founder & CEO, Product School
The Future of Product, by Founder & CEO, Product SchoolProduct School
 
Revolutionizing The Banking Industry: The Monzo Way by CPO, Monzo
Revolutionizing The Banking Industry: The Monzo Way by CPO, MonzoRevolutionizing The Banking Industry: The Monzo Way by CPO, Monzo
Revolutionizing The Banking Industry: The Monzo Way by CPO, MonzoProduct School
 
Act Like an Owner, Challenge Like a VC by former CPO, Tripadvisor
Act Like an Owner,  Challenge Like a VC by former CPO, TripadvisorAct Like an Owner,  Challenge Like a VC by former CPO, Tripadvisor
Act Like an Owner, Challenge Like a VC by former CPO, TripadvisorProduct School
 
LF Energy Webinar: Introduction to TROLIE
LF Energy Webinar: Introduction to TROLIELF Energy Webinar: Introduction to TROLIE
LF Energy Webinar: Introduction to TROLIEDanBrown980551
 
National Institute of Standards and Technology (NIST) Cybersecurity Framework...
National Institute of Standards and Technology (NIST) Cybersecurity Framework...National Institute of Standards and Technology (NIST) Cybersecurity Framework...
National Institute of Standards and Technology (NIST) Cybersecurity Framework...MichaelBenis1
 
"Running Open-Source LLM models on Kubernetes", Volodymyr Tsap
"Running Open-Source LLM models on Kubernetes",  Volodymyr Tsap"Running Open-Source LLM models on Kubernetes",  Volodymyr Tsap
"Running Open-Source LLM models on Kubernetes", Volodymyr TsapFwdays
 
Dev Dives: Leverage APIs and Gen AI to power automations for RPA and software...
Dev Dives: Leverage APIs and Gen AI to power automations for RPA and software...Dev Dives: Leverage APIs and Gen AI to power automations for RPA and software...
Dev Dives: Leverage APIs and Gen AI to power automations for RPA and software...UiPathCommunity
 
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24Umar Saif
 
Roundtable_-_API_Research__Testing_Tools.pdf
Roundtable_-_API_Research__Testing_Tools.pdfRoundtable_-_API_Research__Testing_Tools.pdf
Roundtable_-_API_Research__Testing_Tools.pdfMostafa Higazy
 
Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...
Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...
Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...Product School
 
The Art of the Possible with Graph by Dr Jim Webber Neo4j.pptx
The Art of the Possible with Graph by Dr Jim Webber Neo4j.pptxThe Art of the Possible with Graph by Dr Jim Webber Neo4j.pptx
The Art of the Possible with Graph by Dr Jim Webber Neo4j.pptxNeo4j
 
Battle of React State Managers in frontend applications
Battle of React State Managers in frontend applicationsBattle of React State Managers in frontend applications
Battle of React State Managers in frontend applicationsEvangelia Mitsopoulou
 
Confoo 2024 Gettings started with OpenAI and data science
Confoo 2024 Gettings started with OpenAI and data scienceConfoo 2024 Gettings started with OpenAI and data science
Confoo 2024 Gettings started with OpenAI and data scienceSusan Ibach
 
"DevOps Practisting Platform on EKS with Karpenter autoscaling", Dmytro Kozhevin
"DevOps Practisting Platform on EKS with Karpenter autoscaling", Dmytro Kozhevin"DevOps Practisting Platform on EKS with Karpenter autoscaling", Dmytro Kozhevin
"DevOps Practisting Platform on EKS with Karpenter autoscaling", Dmytro KozhevinFwdays
 
Building Bridges: Merging RPA Processes, UiPath Apps, and Data Service to bu...
Building Bridges:  Merging RPA Processes, UiPath Apps, and Data Service to bu...Building Bridges:  Merging RPA Processes, UiPath Apps, and Data Service to bu...
Building Bridges: Merging RPA Processes, UiPath Apps, and Data Service to bu...DianaGray10
 
Relationship Counselling: From Disjointed Features to Product-First Thinking ...
Relationship Counselling: From Disjointed Features to Product-First Thinking ...Relationship Counselling: From Disjointed Features to Product-First Thinking ...
Relationship Counselling: From Disjointed Features to Product-First Thinking ...Product School
 
IT Nation Evolve event 2024 - Quarter 1
IT Nation Evolve event 2024  - Quarter 1IT Nation Evolve event 2024  - Quarter 1
IT Nation Evolve event 2024 - Quarter 1Inbay UK
 
Are Human-generated Demonstrations Necessary for In-context Learning?
Are Human-generated Demonstrations Necessary for In-context Learning?Are Human-generated Demonstrations Necessary for In-context Learning?
Are Human-generated Demonstrations Necessary for In-context Learning?MENGSAYLOEM1
 
Centralized TLS Certificates Management Using Vault PKI + Cert-Manager
Centralized TLS Certificates Management Using Vault PKI + Cert-ManagerCentralized TLS Certificates Management Using Vault PKI + Cert-Manager
Centralized TLS Certificates Management Using Vault PKI + Cert-ManagerSaiLinnThu2
 

Recently uploaded (20)

How we think about an advisor tech stack
How we think about an advisor tech stackHow we think about an advisor tech stack
How we think about an advisor tech stack
 
The Future of Product, by Founder & CEO, Product School
The Future of Product, by Founder & CEO, Product SchoolThe Future of Product, by Founder & CEO, Product School
The Future of Product, by Founder & CEO, Product School
 
Revolutionizing The Banking Industry: The Monzo Way by CPO, Monzo
Revolutionizing The Banking Industry: The Monzo Way by CPO, MonzoRevolutionizing The Banking Industry: The Monzo Way by CPO, Monzo
Revolutionizing The Banking Industry: The Monzo Way by CPO, Monzo
 
Act Like an Owner, Challenge Like a VC by former CPO, Tripadvisor
Act Like an Owner,  Challenge Like a VC by former CPO, TripadvisorAct Like an Owner,  Challenge Like a VC by former CPO, Tripadvisor
Act Like an Owner, Challenge Like a VC by former CPO, Tripadvisor
 
LF Energy Webinar: Introduction to TROLIE
LF Energy Webinar: Introduction to TROLIELF Energy Webinar: Introduction to TROLIE
LF Energy Webinar: Introduction to TROLIE
 
National Institute of Standards and Technology (NIST) Cybersecurity Framework...
National Institute of Standards and Technology (NIST) Cybersecurity Framework...National Institute of Standards and Technology (NIST) Cybersecurity Framework...
National Institute of Standards and Technology (NIST) Cybersecurity Framework...
 
"Running Open-Source LLM models on Kubernetes", Volodymyr Tsap
"Running Open-Source LLM models on Kubernetes",  Volodymyr Tsap"Running Open-Source LLM models on Kubernetes",  Volodymyr Tsap
"Running Open-Source LLM models on Kubernetes", Volodymyr Tsap
 
Dev Dives: Leverage APIs and Gen AI to power automations for RPA and software...
Dev Dives: Leverage APIs and Gen AI to power automations for RPA and software...Dev Dives: Leverage APIs and Gen AI to power automations for RPA and software...
Dev Dives: Leverage APIs and Gen AI to power automations for RPA and software...
 
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24
 
Roundtable_-_API_Research__Testing_Tools.pdf
Roundtable_-_API_Research__Testing_Tools.pdfRoundtable_-_API_Research__Testing_Tools.pdf
Roundtable_-_API_Research__Testing_Tools.pdf
 
Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...
Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...
Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...
 
The Art of the Possible with Graph by Dr Jim Webber Neo4j.pptx
The Art of the Possible with Graph by Dr Jim Webber Neo4j.pptxThe Art of the Possible with Graph by Dr Jim Webber Neo4j.pptx
The Art of the Possible with Graph by Dr Jim Webber Neo4j.pptx
 
Battle of React State Managers in frontend applications
Battle of React State Managers in frontend applicationsBattle of React State Managers in frontend applications
Battle of React State Managers in frontend applications
 
Confoo 2024 Gettings started with OpenAI and data science
Confoo 2024 Gettings started with OpenAI and data scienceConfoo 2024 Gettings started with OpenAI and data science
Confoo 2024 Gettings started with OpenAI and data science
 
"DevOps Practisting Platform on EKS with Karpenter autoscaling", Dmytro Kozhevin
"DevOps Practisting Platform on EKS with Karpenter autoscaling", Dmytro Kozhevin"DevOps Practisting Platform on EKS with Karpenter autoscaling", Dmytro Kozhevin
"DevOps Practisting Platform on EKS with Karpenter autoscaling", Dmytro Kozhevin
 
Building Bridges: Merging RPA Processes, UiPath Apps, and Data Service to bu...
Building Bridges:  Merging RPA Processes, UiPath Apps, and Data Service to bu...Building Bridges:  Merging RPA Processes, UiPath Apps, and Data Service to bu...
Building Bridges: Merging RPA Processes, UiPath Apps, and Data Service to bu...
 
Relationship Counselling: From Disjointed Features to Product-First Thinking ...
Relationship Counselling: From Disjointed Features to Product-First Thinking ...Relationship Counselling: From Disjointed Features to Product-First Thinking ...
Relationship Counselling: From Disjointed Features to Product-First Thinking ...
 
IT Nation Evolve event 2024 - Quarter 1
IT Nation Evolve event 2024  - Quarter 1IT Nation Evolve event 2024  - Quarter 1
IT Nation Evolve event 2024 - Quarter 1
 
Are Human-generated Demonstrations Necessary for In-context Learning?
Are Human-generated Demonstrations Necessary for In-context Learning?Are Human-generated Demonstrations Necessary for In-context Learning?
Are Human-generated Demonstrations Necessary for In-context Learning?
 
Centralized TLS Certificates Management Using Vault PKI + Cert-Manager
Centralized TLS Certificates Management Using Vault PKI + Cert-ManagerCentralized TLS Certificates Management Using Vault PKI + Cert-Manager
Centralized TLS Certificates Management Using Vault PKI + Cert-Manager
 

DV10 HTML5: The Future of Web Development

  • 6. The HTML 5 doctype is way <!DOCTYPE html> easier than any other doctype. Ever! <html> vs. <html xmlns="http://www.w3.org/1999/xhtml"> Just type the parts you remember, and you’ll probably be right.
  • 9. Provides new semantic vocabulary for parts of a page previously served by DIVs with ID and Class attributes.
  • 10. Allows for associating captions with embedded content, including videos, audio, pullquotes, or images.
  • 11. <video src="test.ogg" autoplay="autoplay" controls="controls"> Allows for associating captions Your browser does not support the video element. This could also include object and with embedded content, including embed codes for legacy browsers. videos, audio, or images. </video>
  • 12. <time datetime=“17:00”>starting at 5 pm</span> Xfn hcard
  • 13. <span data-conference-time=“1700”> starting at 5 pm</span> <li data-original-id=“” =“1700”>5 pm</li>
  • 14. METER Contained content is a measurement, like length. PROGRESS Contains current process toward a goal, like a percentage. COMMAND Represents something a command a user may execute. DATAGRID Represents data. Non-tabular or otherwise. OUTPUT Displays the output of a program or process. RUBY Allows input of rubi/ruby annotations for Asian languages.
  • 16. DATETIME Allows input of a date and a time. DATETIME-LOCAL Allows input of a date and a time, in local time. NUMBER Allows input of a number. RANGE Input is verified to be within a range. EMAIL Confirms the input to be a valid email. URL Ensures input is a valid URL. COLOR Provides a mechanism for the user to input an RGB color.
  • 17. Allows objects (images and links, by default) to be dragged and then dropped onto a target. The target is enabled by canceling the ‘dragover’ or ‘dragenter’ (for IE) events for the drop target. Then listen for a ‘drop’ event which contains a ‘dataTransfer’ object with info.
  • 18. The sessionStorage DOM attribute stores session data for a single window, like cookies on crack. <input The localStorage DOM attribute type="checkbox" allows each site to store onchange=" localStorage.insurance=checked megabytes of data across sessions " to improve performance. /> Both methods store only strings.
  • 19. <canvas id="canvas" width="150" height="150"> fallback content </canvas> Provides an API for drawing directly in the browser window, function draw() { using instructions that define var canvas = document.getElementById("canvas"); vector-based shapes and lines. if (canvas.getContext) { var ctx = canvas.getContext("2d"); This allows SVG-like graphics to ctx.fillStyle = "rgb(200,0,0)"; be created on the fly in the ctx.fillRect (10, 10, 55, 50); ctx.fillStyle = "rgba(0, 0, 200, 0.5)"; browser, with fallback content Ctx.fillRect (30, 30, 55, 50); (like Flash?) provided to legacy } browsers. }
  • 22. Adjusts the opacity of the selected element’s presentation on screen. Takes values between 0.0 (fully transparent) and 1.0 (fully opaque)
  • 23. Like RGB color definitions, but allows a fourth field, defining the div { color: rgb(0,255,0); } alpha value of the color being applied. Like opacity, the alpha value is between 0.0 (fully transparent) and 1.0 (fully opaque). div { color: rgba(0,255,0,0.5); }
  • 26. Rotates the selected element at the defined angle, defined in degrees. The rotation doesn’t affect layout, transform: rotate(30deg); and elements that are transformed are treated similarly to position:relative.
  • 27. Scales the element in question based on the specified unit-less numbers given for the X and Y transform: scale(0.5,2.0); axes. If only one number is given, it is applied to both axes.
  • 28. PERSPECTIVE The distance, in pixels, of the z=0 plane from the viewer. MATRIX3D Allows creation of a 3d transformation matrix. ROTATE3D Rotate the matched element in three dimensions. SCALE3D Performs a three-dimensional scale operation TRANSLATE3D Allows the matched element to be moved along three axes.
  • 31. HTML 5 Doctor http://html5doctor.com/ HTML 5 Spec http://dev.w3.org/html5/spec/Overview.html ALA Article http://www.alistapart.com/articles/previewofhtml5 IE9 Experience http://beautyoftheweb.com/ Polyfills https://github.com/Modernizr/Modernizr/wiki/HTML5- Cross-browser-Polyfills
  • 33. Rate this session by sending an SMS to: 4123 (Etisalat and Du subscribers) +971 55 142 5789 (Other subscribers) Rating Message (case insensitive) Excellent poll dv105 Good poll dv104 Acceptable poll dv103 Poor poll dv102 Very poor poll dv101 44

Editor's Notes

  1. http://html5demos.com/drag
  2. http://robertnyman.com/html5/forms/input-types.htmlhttp://ie.microsoft.com/testdrive/HTML5/Forms/default.html
  3. http://people.w3.org/mike/localstorage.html
  4. http://www.cssportal.com/css3-rounded-corner/
  5. http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_3d-transforms.htm