SlideShare a Scribd company logo
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

Oracle Apex_24Apr2015_v2
Oracle Apex_24Apr2015_v2Oracle Apex_24Apr2015_v2
Oracle Apex_24Apr2015_v2
Ravindra Tripathi
 
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
Maarten 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 EN
CaseAgile LLC
 
Providers
ProvidersProviders
Providers
BeMyApp
 
Database presentation
Database presentationDatabase presentation
Database presentation
AlaaRidha
 
Confluence Wiki as a CMS
Confluence Wiki as a CMSConfluence Wiki as a CMS
Confluence Wiki as a CMS
CustomWare
 
ACSUG Feb 2018 iPaaS Royal Rumble
ACSUG Feb 2018 iPaaS Royal RumbleACSUG Feb 2018 iPaaS Royal Rumble
ACSUG Feb 2018 iPaaS Royal Rumble
Nikolai Blackie
 
Powering GIS Operations with ColdFusion
Powering GIS Operations with ColdFusionPowering GIS Operations with ColdFusion
Powering GIS Operations with ColdFusion
ColdFusionConference
 
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
Gabriel 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 Collection
BIOVIA
 
Ajax
AjaxAjax
Cloud computing
Cloud computingCloud computing
Cloud computing
Muhammad Zubair
 
BizTalk Mapping Patterns and Best Practices
BizTalk Mapping Patterns and Best PracticesBizTalk Mapping Patterns and Best Practices
BizTalk Mapping Patterns and Best Practices
BizTalk360
 
Integration Best Practices
Integration Best PracticesIntegration Best Practices
Integration Best Practices
Gabriel 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 Technology
Lohith 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 2013
Alan Richards
 
(ATS6-GS02) Integrating Contur and HEOS
(ATS6-GS02) Integrating Contur and HEOS(ATS6-GS02) Integrating Contur and HEOS
(ATS6-GS02) Integrating Contur and HEOS
BIOVIA
 

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 layouts
Tim Wray
 
How To Select RIA
How To Select RIAHow To Select RIA
How To Select RIA
Terry Wang
 
Prueba ppt
Prueba pptPrueba ppt
Prueba ppt
Ulises Torelli
 
Html5v1
Html5v1Html5v1
HTML5 and CSS3 refresher
HTML5 and CSS3 refresherHTML5 and CSS3 refresher
HTML5 and CSS3 refresher
Ivano Malavolta
 
Entando datasheet
Entando datasheetEntando datasheet
Entando datasheet
Daniele Oliverio
 
Web Services Foundation Technologies
Web Services Foundation TechnologiesWeb Services Foundation Technologies
Web Services Foundation Technologies
Pankaj 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 Webhelp
Suite Solutions
 
Web Development Technologies
Web Development TechnologiesWeb Development Technologies
Web Development Technologies
Vignesh Prajapati
 
Software Development Trends 2010-2011
Software Development Trends 2010-2011Software Development Trends 2010-2011
Software Development Trends 2010-2011
Charalampos 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 Architect
Noorez Khamis
 
Serverless SQL
Serverless SQLServerless SQL
Serverless SQL
Torsten Steinbach
 
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
Malam 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 2013
K.Mohamed Faizal
 
Qnx html5 hmi
Qnx html5 hmiQnx html5 hmi
Qnx html5 hmi
길수 김
 
Html5 n css3
Html5 n css3Html5 n css3
Html5 n css3
Jindal Gohil
 
HTML5
HTML5HTML5
SAP Business Objects Trianing
SAP Business Objects TrianingSAP 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
Senturus
 

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

Building RAG with self-deployed Milvus vector database and Snowpark Container...
Building RAG with self-deployed Milvus vector database and Snowpark Container...Building RAG with self-deployed Milvus vector database and Snowpark Container...
Building RAG with self-deployed Milvus vector database and Snowpark Container...
Zilliz
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
DianaGray10
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
ControlCase
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
Uni Systems S.M.S.A.
 
20 Comprehensive Checklist of Designing and Developing a Website
20 Comprehensive Checklist of Designing and Developing a Website20 Comprehensive Checklist of Designing and Developing a Website
20 Comprehensive Checklist of Designing and Developing a Website
Pixlogix Infotech
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Neo4j
 
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
Adtran
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Neo4j
 
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Zilliz
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
mikeeftimakis1
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Speck&Tech
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
Matthew Sinclair
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
Zilliz
 
“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”
Claudio Di Ciccio
 
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial ApplicationsLarge Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
Rohit Gautam
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
James Anderson
 
Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
Octavian Nadolu
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
Ana-Maria Mihalceanu
 

Recently uploaded (20)

Building RAG with self-deployed Milvus vector database and Snowpark Container...
Building RAG with self-deployed Milvus vector database and Snowpark Container...Building RAG with self-deployed Milvus vector database and Snowpark Container...
Building RAG with self-deployed Milvus vector database and Snowpark Container...
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
 
20 Comprehensive Checklist of Designing and Developing a Website
20 Comprehensive Checklist of Designing and Developing a Website20 Comprehensive Checklist of Designing and Developing a Website
20 Comprehensive Checklist of Designing and Developing a Website
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
 
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
 
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
 
“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”
 
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial ApplicationsLarge Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
 
Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
 

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/