SlideShare a Scribd company logo
1 of 31
HTML 5 Presentation
What is HTML5?
What is HTML5? (cont.)
What is HTML5? (cont.)
When will HTML5 be official?
What does HTML5 do?
What has HTML5 replaced?
Factoids
Comparison
Evaluation
Comparison (cont.)
HTML5 Features
Semantic: Overview
• New semantic tags for contextual mark up of text
• Update of few old tags for improved accessibility and search ability
• Allows to describe more precisely what content is
Semantic: Page Layout
Semantic: New/Modified Elements
Semantic: Misc.
Simplified Doctype Minimal HTML5 Page
Simplified Character Set
Semantic: Misc.
Speech input
New form types
Meter and progress bar
Semantic: Form field types for mobile
CSS3
• Greater flexibility over presentation and layout
• New CSS Selectors to allow for specific targeting for styles
• Delivers a wide range of stylization and effects, enhancing web pages without
sacrificing their semantic structure or performance
• Latest version of the CSS standard, introducing exciting new effects like dynamic
color gradients, 2D and 3D transforms, multi-column and flexible
layouts, calculations, transitions, animations, and media queries to tailor
different styles for different devices
• Not technically part of HTML5, CSS3 is a separate — though closely connected
— set of standards, emerging and evolving in tandem with HTML5
CSS3: Features
Multimedia
• Supports native multimedia embedded in pages
• New audio and video elements embed sound and moving pictures into web
pages without any proprietary plug-ins
Graphics and 3D
• Supports natively SVG, Canvas, WebGL, and CSS3 3D features
• Flat vector shapes can be now brought to 3-dimensional life
Device Access
• Supports the increasing range of device capabilities
o Tilt, Device Orientation
o Geolocation
o Acceleration or motion
• Allows usage of various
input and output devices
Performance
• Greater speed optimization and better usage of computer hardware
• Make apps more seamless and make dynamic content load faster with a variety of
techniques and technologies such as Web Workers, XMLHttpRequest Level 2 (the
technology behind Ajax), and the History API.
Offline and Storage
• Enable webpages to store data on the client-side locally and operate offline
• Only download resources that have changed
• Enables offline browsing
• Manage offline/online complexity, including: application caching, local or offline
storage, and online/offline events status
• Uses HTML5 App Cache, Local Storage, Indexed Database, and the File
API specifications..
• Kind of like "Super Cookies," but with much more space to store both one-time data
and persistent app databases, like email
Offline and Storage: Features
Connectivity
• Improves connectivity speeds and data exchanges between the server and the client
• More efficient connectivity means more real-time chats, faster games, and better
communication.
• Enables full duplex, bi-directional communication
HTML5 Pros
HTML5 Cons
HTML5 Cons (cont.)
Useful Resources
• Gaming: http://www.webapptesting.com/infographic-html5-and-mobile-
gaming/2012/11/html5-gaming-infographic/
• iGate: Mobile Apps: Native Vs Mobi-web Vs Hybrid solutions
https://iken.igate.com/BAC/White%20Papers/Enterprise%20Mobility/Mobile%20Apps%20Nativ
e%20Vs%20Mobi-web%20Vs%20Hybrid%20solutions.pdf
• HTML5 Infographic: http://css.dzone.com/articles/fresh-look-html5-infographic
• History of HTML5: http://visually.visually.netdna-
cdn.com/TheHistoryofHTML5_4ffc89a1614e6_w650.jpg
• Benefits and Risks: http://www.zfort.com/blog/html5-simple-facts-in-depth-analysis-of-html5-
benefits-and-risks/
• Issues: http://blog.caplin.com/2012/07/16/the-pain-of-html5/
• Cheat Sheet: http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/

More Related Content

What's hot

ESPC17 - The Microsoft On-premises Data Gateway
ESPC17 - The Microsoft On-premises Data GatewayESPC17 - The Microsoft On-premises Data Gateway
ESPC17 - The Microsoft On-premises Data GatewayMaarten Eekels
 
Confluence as DMS for Moscow Atlassian User Group EN
Confluence as DMS for Moscow Atlassian User Group ENConfluence as DMS for Moscow Atlassian User Group EN
Confluence as DMS for Moscow Atlassian User Group ENCaseAgile LLC
 
Providers
ProvidersProviders
ProvidersBeMyApp
 
Database presentation
Database presentationDatabase presentation
Database presentationAlaaRidha
 
Confluence Wiki as a CMS
Confluence Wiki as a CMSConfluence Wiki as a CMS
Confluence Wiki as a CMSCustomWare
 
ACSUG Feb 2018 iPaaS Royal Rumble
ACSUG Feb 2018 iPaaS Royal RumbleACSUG Feb 2018 iPaaS Royal Rumble
ACSUG Feb 2018 iPaaS Royal RumbleNikolai Blackie
 
Powering GIS Operations with ColdFusion
Powering GIS Operations with ColdFusionPowering GIS Operations with ColdFusion
Powering GIS Operations with ColdFusionColdFusionConference
 
Contract-Based Web Services API Deep Dive
Contract-Based Web Services API Deep DiveContract-Based Web Services API Deep Dive
Contract-Based Web Services API Deep DiveGabriel Michaud
 
(ATS6-DEV05) Building Interactive Web Applications with the Reporting Collection
(ATS6-DEV05) Building Interactive Web Applications with the Reporting Collection(ATS6-DEV05) Building Interactive Web Applications with the Reporting Collection
(ATS6-DEV05) Building Interactive Web Applications with the Reporting CollectionBIOVIA
 
BizTalk Mapping Patterns and Best Practices
BizTalk Mapping Patterns and Best PracticesBizTalk Mapping Patterns and Best Practices
BizTalk Mapping Patterns and Best PracticesBizTalk360
 
Integration Best Practices
Integration Best PracticesIntegration Best Practices
Integration Best PracticesGabriel Michaud
 
Windows 8 Pure Imagination - 2012-11-24 - Getting your HTML5 game Windows 8 r...
Windows 8 Pure Imagination - 2012-11-24 - Getting your HTML5 game Windows 8 r...Windows 8 Pure Imagination - 2012-11-24 - Getting your HTML5 game Windows 8 r...
Windows 8 Pure Imagination - 2012-11-24 - Getting your HTML5 game Windows 8 r...Frédéric Harper
 
Platform guidance for Microsoft .NET Technology
Platform guidance for Microsoft .NET TechnologyPlatform guidance for Microsoft .NET Technology
Platform guidance for Microsoft .NET TechnologyLohith Goudagere Nagaraj
 
Manageability of Windows Azure BizTalk Services (WABS)
Manageability of Windows Azure BizTalk Services (WABS)Manageability of Windows Azure BizTalk Services (WABS)
Manageability of Windows Azure BizTalk Services (WABS)BizTalk360
 
TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...
TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...
TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...Terminalfour
 
European SharePoint Conference Training Week - Installing SharePoint 2013
European SharePoint Conference Training Week - Installing SharePoint 2013European SharePoint Conference Training Week - Installing SharePoint 2013
European SharePoint Conference Training Week - Installing SharePoint 2013Alan Richards
 
(ATS6-GS02) Integrating Contur and HEOS
(ATS6-GS02) Integrating Contur and HEOS(ATS6-GS02) Integrating Contur and HEOS
(ATS6-GS02) Integrating Contur and HEOSBIOVIA
 

What's hot (20)

Oracle Apex_24Apr2015_v2
Oracle Apex_24Apr2015_v2Oracle Apex_24Apr2015_v2
Oracle Apex_24Apr2015_v2
 
ESPC17 - The Microsoft On-premises Data Gateway
ESPC17 - The Microsoft On-premises Data GatewayESPC17 - The Microsoft On-premises Data Gateway
ESPC17 - The Microsoft On-premises Data Gateway
 
Confluence as DMS for Moscow Atlassian User Group EN
Confluence as DMS for Moscow Atlassian User Group ENConfluence as DMS for Moscow Atlassian User Group EN
Confluence as DMS for Moscow Atlassian User Group EN
 
Providers
ProvidersProviders
Providers
 
Database presentation
Database presentationDatabase presentation
Database presentation
 
Confluence Wiki as a CMS
Confluence Wiki as a CMSConfluence Wiki as a CMS
Confluence Wiki as a CMS
 
ACSUG Feb 2018 iPaaS Royal Rumble
ACSUG Feb 2018 iPaaS Royal RumbleACSUG Feb 2018 iPaaS Royal Rumble
ACSUG Feb 2018 iPaaS Royal Rumble
 
Powering GIS Operations with ColdFusion
Powering GIS Operations with ColdFusionPowering GIS Operations with ColdFusion
Powering GIS Operations with ColdFusion
 
Contract-Based Web Services API Deep Dive
Contract-Based Web Services API Deep DiveContract-Based Web Services API Deep Dive
Contract-Based Web Services API Deep Dive
 
(ATS6-DEV05) Building Interactive Web Applications with the Reporting Collection
(ATS6-DEV05) Building Interactive Web Applications with the Reporting Collection(ATS6-DEV05) Building Interactive Web Applications with the Reporting Collection
(ATS6-DEV05) Building Interactive Web Applications with the Reporting Collection
 
Ajax
AjaxAjax
Ajax
 
Cloud computing
Cloud computingCloud computing
Cloud computing
 
BizTalk Mapping Patterns and Best Practices
BizTalk Mapping Patterns and Best PracticesBizTalk Mapping Patterns and Best Practices
BizTalk Mapping Patterns and Best Practices
 
Integration Best Practices
Integration Best PracticesIntegration Best Practices
Integration Best Practices
 
Windows 8 Pure Imagination - 2012-11-24 - Getting your HTML5 game Windows 8 r...
Windows 8 Pure Imagination - 2012-11-24 - Getting your HTML5 game Windows 8 r...Windows 8 Pure Imagination - 2012-11-24 - Getting your HTML5 game Windows 8 r...
Windows 8 Pure Imagination - 2012-11-24 - Getting your HTML5 game Windows 8 r...
 
Platform guidance for Microsoft .NET Technology
Platform guidance for Microsoft .NET TechnologyPlatform guidance for Microsoft .NET Technology
Platform guidance for Microsoft .NET Technology
 
Manageability of Windows Azure BizTalk Services (WABS)
Manageability of Windows Azure BizTalk Services (WABS)Manageability of Windows Azure BizTalk Services (WABS)
Manageability of Windows Azure BizTalk Services (WABS)
 
TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...
TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...
TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...
 
European SharePoint Conference Training Week - Installing SharePoint 2013
European SharePoint Conference Training Week - Installing SharePoint 2013European SharePoint Conference Training Week - Installing SharePoint 2013
European SharePoint Conference Training Week - Installing SharePoint 2013
 
(ATS6-GS02) Integrating Contur and HEOS
(ATS6-GS02) Integrating Contur and HEOS(ATS6-GS02) Integrating Contur and HEOS
(ATS6-GS02) Integrating Contur and HEOS
 

Similar to Html 5 Overview

A brief introduction on HTML5 and responsive layouts
A brief introduction on HTML5 and responsive layoutsA brief introduction on HTML5 and responsive layouts
A brief introduction on HTML5 and responsive layoutsTim Wray
 
How To Select RIA
How To Select RIAHow To Select RIA
How To Select RIATerry Wang
 
HTML5 and CSS3 refresher
HTML5 and CSS3 refresherHTML5 and CSS3 refresher
HTML5 and CSS3 refresherIvano Malavolta
 
Web Services Foundation Technologies
Web Services Foundation TechnologiesWeb Services Foundation Technologies
Web Services Foundation TechnologiesPankaj Saharan
 
SuiteHelp 4.0: Latest Features in Enterprise Webhelp
SuiteHelp 4.0: Latest Features in Enterprise WebhelpSuiteHelp 4.0: Latest Features in Enterprise Webhelp
SuiteHelp 4.0: Latest Features in Enterprise WebhelpSuite Solutions
 
Web Development Technologies
Web Development TechnologiesWeb Development Technologies
Web Development TechnologiesVignesh Prajapati
 
Software Development Trends 2010-2011
Software Development Trends 2010-2011Software Development Trends 2010-2011
Software Development Trends 2010-2011Charalampos Arapidis
 
SharePoint Saturday Toronto 2015 - Inside the mind of a SharePoint Architect
SharePoint Saturday Toronto 2015 - Inside the mind of a SharePoint ArchitectSharePoint Saturday Toronto 2015 - Inside the mind of a SharePoint Architect
SharePoint Saturday Toronto 2015 - Inside the mind of a SharePoint ArchitectNoorez Khamis
 
What's New in .Net 4.5
What's New in .Net 4.5What's New in .Net 4.5
What's New in .Net 4.5Malam Team
 
Khushali Patel-resume-
Khushali Patel-resume-Khushali Patel-resume-
Khushali Patel-resume-Khushali11
 
Deep Dive into SharePoint Topologies and Server Architecture for SharePoint 2013
Deep Dive into SharePoint Topologies and Server Architecture for SharePoint 2013Deep Dive into SharePoint Topologies and Server Architecture for SharePoint 2013
Deep Dive into SharePoint Topologies and Server Architecture for SharePoint 2013K.Mohamed Faizal
 
What’s New in Cognos 11.2.1
What’s New in Cognos 11.2.1What’s New in Cognos 11.2.1
What’s New in Cognos 11.2.1Senturus
 

Similar to Html 5 Overview (20)

A brief introduction on HTML5 and responsive layouts
A brief introduction on HTML5 and responsive layoutsA brief introduction on HTML5 and responsive layouts
A brief introduction on HTML5 and responsive layouts
 
How To Select RIA
How To Select RIAHow To Select RIA
How To Select RIA
 
Prueba ppt
Prueba pptPrueba ppt
Prueba ppt
 
Html5v1
Html5v1Html5v1
Html5v1
 
HTML5 and CSS3 refresher
HTML5 and CSS3 refresherHTML5 and CSS3 refresher
HTML5 and CSS3 refresher
 
Entando datasheet
Entando datasheetEntando datasheet
Entando datasheet
 
Web Services Foundation Technologies
Web Services Foundation TechnologiesWeb Services Foundation Technologies
Web Services Foundation Technologies
 
SuiteHelp 4.0: Latest Features in Enterprise Webhelp
SuiteHelp 4.0: Latest Features in Enterprise WebhelpSuiteHelp 4.0: Latest Features in Enterprise Webhelp
SuiteHelp 4.0: Latest Features in Enterprise Webhelp
 
Web Development Technologies
Web Development TechnologiesWeb Development Technologies
Web Development Technologies
 
Software Development Trends 2010-2011
Software Development Trends 2010-2011Software Development Trends 2010-2011
Software Development Trends 2010-2011
 
SharePoint Saturday Toronto 2015 - Inside the mind of a SharePoint Architect
SharePoint Saturday Toronto 2015 - Inside the mind of a SharePoint ArchitectSharePoint Saturday Toronto 2015 - Inside the mind of a SharePoint Architect
SharePoint Saturday Toronto 2015 - Inside the mind of a SharePoint Architect
 
Serverless SQL
Serverless SQLServerless SQL
Serverless SQL
 
What's New in .Net 4.5
What's New in .Net 4.5What's New in .Net 4.5
What's New in .Net 4.5
 
Khushali Patel-resume-
Khushali Patel-resume-Khushali Patel-resume-
Khushali Patel-resume-
 
Deep Dive into SharePoint Topologies and Server Architecture for SharePoint 2013
Deep Dive into SharePoint Topologies and Server Architecture for SharePoint 2013Deep Dive into SharePoint Topologies and Server Architecture for SharePoint 2013
Deep Dive into SharePoint Topologies and Server Architecture for SharePoint 2013
 
Qnx html5 hmi
Qnx html5 hmiQnx html5 hmi
Qnx html5 hmi
 
Html5 n css3
Html5 n css3Html5 n css3
Html5 n css3
 
HTML5
HTML5HTML5
HTML5
 
SAP Business Objects Trianing
SAP Business Objects TrianingSAP Business Objects Trianing
SAP Business Objects Trianing
 
What’s New in Cognos 11.2.1
What’s New in Cognos 11.2.1What’s New in Cognos 11.2.1
What’s New in Cognos 11.2.1
 

Recently uploaded

Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
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
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
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
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
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
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
"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
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfSeasiaInfotech2
 
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
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
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
 
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
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 

Recently uploaded (20)

Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
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
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
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
 
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
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
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
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
"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...
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdf
 
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
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
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
 
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
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 

Html 5 Overview

  • 3. What is HTML5? (cont.)
  • 4. What is HTML5? (cont.)
  • 5. When will HTML5 be official?
  • 7. What has HTML5 replaced?
  • 13. Semantic: Overview • New semantic tags for contextual mark up of text • Update of few old tags for improved accessibility and search ability • Allows to describe more precisely what content is
  • 16. Semantic: Misc. Simplified Doctype Minimal HTML5 Page Simplified Character Set
  • 17. Semantic: Misc. Speech input New form types Meter and progress bar
  • 18. Semantic: Form field types for mobile
  • 19. CSS3 • Greater flexibility over presentation and layout • New CSS Selectors to allow for specific targeting for styles • Delivers a wide range of stylization and effects, enhancing web pages without sacrificing their semantic structure or performance • Latest version of the CSS standard, introducing exciting new effects like dynamic color gradients, 2D and 3D transforms, multi-column and flexible layouts, calculations, transitions, animations, and media queries to tailor different styles for different devices • Not technically part of HTML5, CSS3 is a separate — though closely connected — set of standards, emerging and evolving in tandem with HTML5
  • 21. Multimedia • Supports native multimedia embedded in pages • New audio and video elements embed sound and moving pictures into web pages without any proprietary plug-ins
  • 22. Graphics and 3D • Supports natively SVG, Canvas, WebGL, and CSS3 3D features • Flat vector shapes can be now brought to 3-dimensional life
  • 23. Device Access • Supports the increasing range of device capabilities o Tilt, Device Orientation o Geolocation o Acceleration or motion • Allows usage of various input and output devices
  • 24. Performance • Greater speed optimization and better usage of computer hardware • Make apps more seamless and make dynamic content load faster with a variety of techniques and technologies such as Web Workers, XMLHttpRequest Level 2 (the technology behind Ajax), and the History API.
  • 25. Offline and Storage • Enable webpages to store data on the client-side locally and operate offline • Only download resources that have changed • Enables offline browsing • Manage offline/online complexity, including: application caching, local or offline storage, and online/offline events status • Uses HTML5 App Cache, Local Storage, Indexed Database, and the File API specifications.. • Kind of like "Super Cookies," but with much more space to store both one-time data and persistent app databases, like email
  • 27. Connectivity • Improves connectivity speeds and data exchanges between the server and the client • More efficient connectivity means more real-time chats, faster games, and better communication. • Enables full duplex, bi-directional communication
  • 31. Useful Resources • Gaming: http://www.webapptesting.com/infographic-html5-and-mobile- gaming/2012/11/html5-gaming-infographic/ • iGate: Mobile Apps: Native Vs Mobi-web Vs Hybrid solutions https://iken.igate.com/BAC/White%20Papers/Enterprise%20Mobility/Mobile%20Apps%20Nativ e%20Vs%20Mobi-web%20Vs%20Hybrid%20solutions.pdf • HTML5 Infographic: http://css.dzone.com/articles/fresh-look-html5-infographic • History of HTML5: http://visually.visually.netdna- cdn.com/TheHistoryofHTML5_4ffc89a1614e6_w650.jpg • Benefits and Risks: http://www.zfort.com/blog/html5-simple-facts-in-depth-analysis-of-html5- benefits-and-risks/ • Issues: http://blog.caplin.com/2012/07/16/the-pain-of-html5/ • Cheat Sheet: http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/