SlideShare a Scribd company logo
1 of 84
Download to read offline
2


“the term "HTML5" is widely used
as a buzzword to refer to modern
Web technologies”












“The full Safari engine is inside of
iPhone. And so, you can write
amazing Web 2.0 and Ajax apps
that look exactly and behave
exactly like apps on the iPhone.”


“... the biggest mistake that we
made, as a company, is

betting too much on HTML5

as opposed to native …”




28
WHATWG
W3C

HTML5
Element
s &
WAI-
ARIA
HTML5
Parser
Web
Workers
Web
Socket
s
Canvas
2D
multi
media
Content
Model
app
cache
section
s
HTML5
Forms
Server-
Sent ev.
Micro-
data
Web
Storage
28
ECMAScript

2015
CSS Snapshot 2015
WHATWG
W3C

HTML5
Element
s &
WAI-
ARIA
HTML5
Parser
Web
Workers
Web
Socket
s
Canvas
2D
multi
media
Content
Model
app
cache
section
s
HTML5
Forms
Server-
Sent ev.
Filter
Layout
Media
trans-
form
Tran-
sitions &
Anima-
tions
Flex
Box
Multi
Colum
Fonts
User
Inter-
Shapes
text
decora-
Pro-
mise
Class
Modul
e
block
scope
Typed
Array
Arrow
Func.
Templat
e
Gene-
rators
Micro-
data
Itera-
tors
Proxy
Collec-
tions
Mask-
ing
Web
Storage
28
Net
Info
Web
Socket
APNG
Full-
screen
ECMAScript

2015
CSS Snapshot 2015
WHATWG
W3C

HTML5
URL
HTTP
TLS
Element
s &
WAI-
ARIA
HTML5
Parser
Web
Workers
Web
Socket
s
Canvas
2D
multi
media
Content
Model
app
cache
section
s
HTML5
Forms
Server-
Sent ev.
geo-
locatio
Orient
ation
Notifi-
Presen
-
SSL
Opus
mp3
H.
264
FilterSVG WOFF
Math
ML RSS
Layout
Media
trans-
form
Tran-
sitions &
Anima-
tions
Flex
Box
Multi
Colum
Fonts
User
Inter-
Shapes
text
decora-
Indexed
DB
vibra-
tion
SMIL
VP10
HSTS
CORS
RDF
RDFa
DNT
VP9
Web
Open
Media
VP8
HTTP/2
PNG
Batter
y
Shared
Workers
Web
Crypto
Page
Visibilit
File
Pointer
Pro-
mise
CSP
Class
Modul
e
block
scope
Typed
Array
Arrow
Func.
Templat
e
Gene-
rators
Navi.
Timing
Beacon
Writing
Mode
Web
Anima-
tions
IETF
OGP
Micro-
data
data
Itera-
tors
Proxy
Collec-
tions
Permi-
ssions
DOM
fetch
EME
Brotli
Mask-
ing
Progressive Enhancement
Web
Storage
Quarks
Mode
UI
Events
QUIC
Origi
HPKP
28
Net
Info
Web
Socket
APNG
Full-
screen
WebRTC
ECMAScript

2015
CSS Snapshot 2015
WHATWG
W3C

HTML5
URL
HTTP
TLS
Element
s &
WAI-
ARIA
HTML5
Parser
Web
Workers
Web
Socket
s
Canvas
2D
multi
media
Content
Model
app
cache
section
s
HTML5
Forms
Server-
Sent ev.
geo-
locatio
Orient
ation
Notifi-
Game-
pad
Media
data
channe
Presen
- Push
SSL
Media
Recorder
Opus
mp3
H.
264
Service
Worker
FilterSVG WOFF
Math
ML RSS
Layout
Media
trans-
form
Tran-
sitions &
Anima-
tions
Flex
Box
Multi
Colum
Fonts
User
Inter-
Shapes
text
decora-
Indexed
DB
vibra-
tion
SMIL
VP10
HSTS
CORS
RDF
RDFa
DNT
VP9
Web
Open
Media
VP8
HTTP/2
PNG
Web
Audio
Batter
y
Generi
c
Shared
Workers
SIMD
Web
Crypto
Page
Visibilit
FIDO
File
Pointer
MIDI
Speech
Pro-
mise
CSP
Class
Modul
e
block
scope
Typed
Array
Arrow
Func.
Templat
e
Gene-
rators
Async
Func.
Navi.
Timing
Beacon
Writing
Mode
Web
Anima-
tions
IETF Khronos
OGP
Game, VR & High

Performance Apps
Progressive
Web Apps
Real-Time

Communications
Device

Control
Micro-
data
data
ORTC
WebVR
Shared
Mem.
Itera-
tors
Proxy
Collec-
tions
asm.js
Permi-
ssions
DOM
WebGL
fetch
Web
Assembl
y
EME
Brotli
Mask-
ing
Progressive Enhancement
Web
App
Manifest
Web
Storage
Quarks
Mode
UI
Events
QUIC
Origi
Blue-
tooth
USB
HPKP
28
Net
Info
Web
Socket
APNG
Full-
screen
WebRTC
HTML
Components
ECMAScript

2015
CSS Snapshot 2015
WHATWG
W3C

HTML5
URL
HTTP
TLS
Element
s &
WAI-
ARIA
HTML5
Parser
Web
Workers
Web
Socket
s
Canvas
2D
multi
media
Content
Model
app
cache
section
s
HTML5
Forms
Server-
Sent ev.
geo-
locatio
Orient
ation
Notifi-
Game-
pad
Media
data
channe
Presen
- Push
SSL
Media
Recorder
Opus
mp3
H.
264
Service
Worker
FilterSVG WOFF
Math
ML RSS
Layout
Media
trans-
form
Tran-
sitions &
Anima-
tions
Flex
Box
Multi
Colum
Fonts
User
Inter-
Shapes
text
decora-
Indexed
DB
vibra-
tion
SMIL
VP10
HSTS
CORS
RDF
RDFa
DNT
VP9
Web
Open
Media
VP8
HTTP/2
PNG
Web
Audio
Batter
y
Generi
c
Shared
Workers
SIMD
Web
Crypto
temp-
lates
Shadow
DOM
Custom
Element
s
Page
Visibilit
FIDO
Grid
Layout
File
Pointer
MIDI
Speech
Pro-
mise
CSP
Class
Modul
e
block
scope
Typed
Array
Arrow
Func.
Templat
e
Gene-
rators
Async
Func.
Navi.
Timing
Beacon
Exclu-
sions
Writing
Mode
Web
Anima-
tions
IETF Khronos
OGP
Game, VR & High

Performance Apps
Progressive
Web Apps
Real-Time

Communications
Device

Control
Extensible

for Anything!
Micro-
data
data
ORTC
WebVR
Shared
Mem.
Itera-
tors
Proxy
Collec-
tions
asm.js
Permi-
ssions
DOM
WebGL
fetch
Web
Assembl
y
EME
Brotli
Mask-
ing
Progressive Enhancement
Web
App
Manifest
Web
Storage
Quarks
Mode
UI
Events
QUIC
Origi
Blue-
tooth
USB
HPKP






















Windows
10
Windows 10 IoT
Android
& AOSP
Realtime OS
No OS
Linux
Qt
Gecko on Linux
(main target)
Arduino, RasPi etc.
iOS
Win10
mobile
macOS
automotive
ATM
medical
kioskFA
HEMS
PC
intercom
signage
sensor
copy
mobile
Robot
projector
home
appliance
Nest
AR
echo
TV
STB
PLC















 




More Related Content

What's hot

Silverlight Framework Architecture
Silverlight Framework ArchitectureSilverlight Framework Architecture
Silverlight Framework ArchitectureAshok
 
Flex And Ria
Flex And RiaFlex And Ria
Flex And Riaravinxg
 
Arjan van Rooijen & Arjen van den Akker - The Headless CMS and Website Deliv...
Arjan van Rooijen &  Arjen van den Akker - The Headless CMS and Website Deliv...Arjan van Rooijen &  Arjen van den Akker - The Headless CMS and Website Deliv...
Arjan van Rooijen & Arjen van den Akker - The Headless CMS and Website Deliv...Digital Experience (DX) Summit 2016
 
Visual Studio 2017 - Montreal Launch Event
Visual Studio 2017  - Montreal Launch EventVisual Studio 2017  - Montreal Launch Event
Visual Studio 2017 - Montreal Launch EventGuy Barrette
 
阅读类 Web 应用前端技术探索
阅读类 Web 应用前端技术探索阅读类 Web 应用前端技术探索
阅读类 Web 应用前端技术探索Yan Shi
 
Industrial training seminar ppt on asp.net
Industrial training seminar ppt on asp.netIndustrial training seminar ppt on asp.net
Industrial training seminar ppt on asp.netPankaj Kushwaha
 
Introduction to Basic Concepts in Web
Introduction to Basic Concepts in WebIntroduction to Basic Concepts in Web
Introduction to Basic Concepts in WebJussi Pohjolainen
 
Silverlight Framework Architecture By Satyen
Silverlight Framework Architecture By SatyenSilverlight Framework Architecture By Satyen
Silverlight Framework Architecture By SatyenSatyen Pandya
 
Chapter 1 (asp.net over view)
Chapter 1 (asp.net over view)Chapter 1 (asp.net over view)
Chapter 1 (asp.net over view)let's go to study
 

What's hot (18)

Silverlight Framework Architecture
Silverlight Framework ArchitectureSilverlight Framework Architecture
Silverlight Framework Architecture
 
06 Javascript
06 Javascript06 Javascript
06 Javascript
 
Comet
CometComet
Comet
 
Flex And Ria
Flex And RiaFlex And Ria
Flex And Ria
 
Xamarin Forms
Xamarin FormsXamarin Forms
Xamarin Forms
 
Asp.netrole
Asp.netroleAsp.netrole
Asp.netrole
 
Arjan van Rooijen & Arjen van den Akker - The Headless CMS and Website Deliv...
Arjan van Rooijen &  Arjen van den Akker - The Headless CMS and Website Deliv...Arjan van Rooijen &  Arjen van den Akker - The Headless CMS and Website Deliv...
Arjan van Rooijen & Arjen van den Akker - The Headless CMS and Website Deliv...
 
Edge
EdgeEdge
Edge
 
Visual Studio 2017 - Montreal Launch Event
Visual Studio 2017  - Montreal Launch EventVisual Studio 2017  - Montreal Launch Event
Visual Studio 2017 - Montreal Launch Event
 
Asp net
Asp netAsp net
Asp net
 
阅读类 Web 应用前端技术探索
阅读类 Web 应用前端技术探索阅读类 Web 应用前端技术探索
阅读类 Web 应用前端技术探索
 
Industrial training seminar ppt on asp.net
Industrial training seminar ppt on asp.netIndustrial training seminar ppt on asp.net
Industrial training seminar ppt on asp.net
 
Introduction to Basic Concepts in Web
Introduction to Basic Concepts in WebIntroduction to Basic Concepts in Web
Introduction to Basic Concepts in Web
 
Silverlight Framework Architecture By Satyen
Silverlight Framework Architecture By SatyenSilverlight Framework Architecture By Satyen
Silverlight Framework Architecture By Satyen
 
Ikaruson Pc
Ikaruson PcIkaruson Pc
Ikaruson Pc
 
ASP.NET Lecture 1
ASP.NET Lecture 1ASP.NET Lecture 1
ASP.NET Lecture 1
 
Chapter 1 (asp.net over view)
Chapter 1 (asp.net over view)Chapter 1 (asp.net over view)
Chapter 1 (asp.net over view)
 
What's New for SP2010 Devs
What's New for SP2010 DevsWhat's New for SP2010 Devs
What's New for SP2010 Devs
 

Similar to HTML5 & Renesas RZ/G

01 web 2.0 - more than a pretty face for soa
01   web 2.0 - more than a pretty face for soa01   web 2.0 - more than a pretty face for soa
01 web 2.0 - more than a pretty face for soaTechnology Transfer
 
HTML5 and the dawn of rich mobile web applications pt 1
HTML5 and the dawn of rich mobile web applications pt 1HTML5 and the dawn of rich mobile web applications pt 1
HTML5 and the dawn of rich mobile web applications pt 1James Pearce
 
The New Norm of The Web
The New Norm of The WebThe New Norm of The Web
The New Norm of The Webdynamis
 
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)dynamis
 
WebML and WebRatio 5 - TOOLS conference, Zurich 2008
WebML and WebRatio 5 - TOOLS conference, Zurich 2008WebML and WebRatio 5 - TOOLS conference, Zurich 2008
WebML and WebRatio 5 - TOOLS conference, Zurich 2008Marco Brambilla
 
Web2.0 Ajax and REST in WebSphere Portal
Web2.0 Ajax and REST in WebSphere PortalWeb2.0 Ajax and REST in WebSphere Portal
Web2.0 Ajax and REST in WebSphere PortalMunish Gupta
 
HTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applicationsHTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applicationsJames Pearce
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | IntroductionJohnTaieb
 
Making Of PHP Based Web Application
Making Of PHP Based Web ApplicationMaking Of PHP Based Web Application
Making Of PHP Based Web ApplicationSachin Walvekar
 
Report file on Web technology(html5 and css3)
Report file on Web technology(html5 and css3)Report file on Web technology(html5 and css3)
Report file on Web technology(html5 and css3)PCG Solution
 
Building Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web AppsBuilding Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web AppsJames Pearce
 
Bd conf sencha touch workshop
Bd conf sencha touch workshopBd conf sencha touch workshop
Bd conf sencha touch workshopJames Pearce
 

Similar to HTML5 & Renesas RZ/G (20)

01 web 2.0 - more than a pretty face for soa
01   web 2.0 - more than a pretty face for soa01   web 2.0 - more than a pretty face for soa
01 web 2.0 - more than a pretty face for soa
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Intel AppUp Day Bologna
Intel AppUp Day BolognaIntel AppUp Day Bologna
Intel AppUp Day Bologna
 
HTML5 and the dawn of rich mobile web applications pt 1
HTML5 and the dawn of rich mobile web applications pt 1HTML5 and the dawn of rich mobile web applications pt 1
HTML5 and the dawn of rich mobile web applications pt 1
 
The New Norm of The Web
The New Norm of The WebThe New Norm of The Web
The New Norm of The Web
 
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
 
WebML and WebRatio 5 - TOOLS conference, Zurich 2008
WebML and WebRatio 5 - TOOLS conference, Zurich 2008WebML and WebRatio 5 - TOOLS conference, Zurich 2008
WebML and WebRatio 5 - TOOLS conference, Zurich 2008
 
What is HTML5
What is HTML5What is HTML5
What is HTML5
 
Web2.0 Ajax and REST in WebSphere Portal
Web2.0 Ajax and REST in WebSphere PortalWeb2.0 Ajax and REST in WebSphere Portal
Web2.0 Ajax and REST in WebSphere Portal
 
sMash_for_zOS-users
sMash_for_zOS-userssMash_for_zOS-users
sMash_for_zOS-users
 
Web 2 0 Tools
Web 2 0 ToolsWeb 2 0 Tools
Web 2 0 Tools
 
Atlas Php
Atlas PhpAtlas Php
Atlas Php
 
HTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applicationsHTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applications
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
 
Making Of PHP Based Web Application
Making Of PHP Based Web ApplicationMaking Of PHP Based Web Application
Making Of PHP Based Web Application
 
Report file on Web technology(html5 and css3)
Report file on Web technology(html5 and css3)Report file on Web technology(html5 and css3)
Report file on Web technology(html5 and css3)
 
Building Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web AppsBuilding Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web Apps
 
Bd conf sencha touch workshop
Bd conf sencha touch workshopBd conf sencha touch workshop
Bd conf sencha touch workshop
 
Wa html5-pdf
Wa html5-pdfWa html5-pdf
Wa html5-pdf
 
Wa html5-pdf
Wa html5-pdfWa html5-pdf
Wa html5-pdf
 

More from dynamis

HTTP and 5G (fixed1)
HTTP and 5G (fixed1)HTTP and 5G (fixed1)
HTTP and 5G (fixed1)dynamis
 
HTTP and 5G
HTTP and 5GHTTP and 5G
HTTP and 5Gdynamis
 
HTTP and 5G partial draft
HTTP and 5G partial draftHTTP and 5G partial draft
HTTP and 5G partial draftdynamis
 
Web updates 2017
Web updates 2017Web updates 2017
Web updates 2017dynamis
 
OSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig TalkOSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig Talkdynamis
 
Demo for Gecko Embedded
Demo for Gecko EmbeddedDemo for Gecko Embedded
Demo for Gecko Embeddeddynamis
 
Project Gecko Embedded
Project Gecko EmbeddedProject Gecko Embedded
Project Gecko Embeddeddynamis
 
Progressive Mobile Web Apps
Progressive Mobile Web AppsProgressive Mobile Web Apps
Progressive Mobile Web Appsdynamis
 
Modern Mobile Web Apps
Modern Mobile Web AppsModern Mobile Web Apps
Modern Mobile Web Appsdynamis
 
Web Tech & Architecture
Web Tech & ArchitectureWeb Tech & Architecture
Web Tech & Architecturedynamis
 
Java script.trend(spec)
Java script.trend(spec)Java script.trend(spec)
Java script.trend(spec)dynamis
 
Data Privacy meeting
Data Privacy meetingData Privacy meeting
Data Privacy meetingdynamis
 
Firefox OS TV
Firefox OS TVFirefox OS TV
Firefox OS TVdynamis
 
Inspect Hack Ignite!
Inspect Hack Ignite!Inspect Hack Ignite!
Inspect Hack Ignite!dynamis
 
Years with JavaScript.Next
Years with JavaScript.NextYears with JavaScript.Next
Years with JavaScript.Nextdynamis
 
Next step of Firefox OS
Next step of Firefox OSNext step of Firefox OS
Next step of Firefox OSdynamis
 
Firefox Ecosystem in Kagoshima
Firefox Ecosystem in KagoshimaFirefox Ecosystem in Kagoshima
Firefox Ecosystem in Kagoshimadynamis
 
Firefox Ecosystem
Firefox EcosystemFirefox Ecosystem
Firefox Ecosystemdynamis
 
Firefox OS App on STB
Firefox OS App on STBFirefox OS App on STB
Firefox OS App on STBdynamis
 
Firefox OS Now and Future
Firefox OS Now and FutureFirefox OS Now and Future
Firefox OS Now and Futuredynamis
 

More from dynamis (20)

HTTP and 5G (fixed1)
HTTP and 5G (fixed1)HTTP and 5G (fixed1)
HTTP and 5G (fixed1)
 
HTTP and 5G
HTTP and 5GHTTP and 5G
HTTP and 5G
 
HTTP and 5G partial draft
HTTP and 5G partial draftHTTP and 5G partial draft
HTTP and 5G partial draft
 
Web updates 2017
Web updates 2017Web updates 2017
Web updates 2017
 
OSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig TalkOSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig Talk
 
Demo for Gecko Embedded
Demo for Gecko EmbeddedDemo for Gecko Embedded
Demo for Gecko Embedded
 
Project Gecko Embedded
Project Gecko EmbeddedProject Gecko Embedded
Project Gecko Embedded
 
Progressive Mobile Web Apps
Progressive Mobile Web AppsProgressive Mobile Web Apps
Progressive Mobile Web Apps
 
Modern Mobile Web Apps
Modern Mobile Web AppsModern Mobile Web Apps
Modern Mobile Web Apps
 
Web Tech & Architecture
Web Tech & ArchitectureWeb Tech & Architecture
Web Tech & Architecture
 
Java script.trend(spec)
Java script.trend(spec)Java script.trend(spec)
Java script.trend(spec)
 
Data Privacy meeting
Data Privacy meetingData Privacy meeting
Data Privacy meeting
 
Firefox OS TV
Firefox OS TVFirefox OS TV
Firefox OS TV
 
Inspect Hack Ignite!
Inspect Hack Ignite!Inspect Hack Ignite!
Inspect Hack Ignite!
 
Years with JavaScript.Next
Years with JavaScript.NextYears with JavaScript.Next
Years with JavaScript.Next
 
Next step of Firefox OS
Next step of Firefox OSNext step of Firefox OS
Next step of Firefox OS
 
Firefox Ecosystem in Kagoshima
Firefox Ecosystem in KagoshimaFirefox Ecosystem in Kagoshima
Firefox Ecosystem in Kagoshima
 
Firefox Ecosystem
Firefox EcosystemFirefox Ecosystem
Firefox Ecosystem
 
Firefox OS App on STB
Firefox OS App on STBFirefox OS App on STB
Firefox OS App on STB
 
Firefox OS Now and Future
Firefox OS Now and FutureFirefox OS Now and Future
Firefox OS Now and Future
 

Recently uploaded

Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
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
 
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
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
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
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 
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
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
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
 
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
 
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
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays
 

Recently uploaded (20)

Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
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
 
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
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
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
 
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
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 
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)
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
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!
 
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
 
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
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
 

HTML5 & Renesas RZ/G

  • 1.
  • 2. 2
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. “the term "HTML5" is widely used as a buzzword to refer to modern Web technologies”
  • 18.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24. “The full Safari engine is inside of iPhone. And so, you can write amazing Web 2.0 and Ajax apps that look exactly and behave exactly like apps on the iPhone.”
  • 25.
  • 26.
  • 27. “... the biggest mistake that we made, as a company, is
 betting too much on HTML5
 as opposed to native …”
  • 29.
  • 30.
  • 32. 28 ECMAScript
 2015 CSS Snapshot 2015 WHATWG W3C
 HTML5 Element s & WAI- ARIA HTML5 Parser Web Workers Web Socket s Canvas 2D multi media Content Model app cache section s HTML5 Forms Server- Sent ev. Filter Layout Media trans- form Tran- sitions & Anima- tions Flex Box Multi Colum Fonts User Inter- Shapes text decora- Pro- mise Class Modul e block scope Typed Array Arrow Func. Templat e Gene- rators Micro- data Itera- tors Proxy Collec- tions Mask- ing Web Storage
  • 33. 28 Net Info Web Socket APNG Full- screen ECMAScript
 2015 CSS Snapshot 2015 WHATWG W3C
 HTML5 URL HTTP TLS Element s & WAI- ARIA HTML5 Parser Web Workers Web Socket s Canvas 2D multi media Content Model app cache section s HTML5 Forms Server- Sent ev. geo- locatio Orient ation Notifi- Presen - SSL Opus mp3 H. 264 FilterSVG WOFF Math ML RSS Layout Media trans- form Tran- sitions & Anima- tions Flex Box Multi Colum Fonts User Inter- Shapes text decora- Indexed DB vibra- tion SMIL VP10 HSTS CORS RDF RDFa DNT VP9 Web Open Media VP8 HTTP/2 PNG Batter y Shared Workers Web Crypto Page Visibilit File Pointer Pro- mise CSP Class Modul e block scope Typed Array Arrow Func. Templat e Gene- rators Navi. Timing Beacon Writing Mode Web Anima- tions IETF OGP Micro- data data Itera- tors Proxy Collec- tions Permi- ssions DOM fetch EME Brotli Mask- ing Progressive Enhancement Web Storage Quarks Mode UI Events QUIC Origi HPKP
  • 34. 28 Net Info Web Socket APNG Full- screen WebRTC ECMAScript
 2015 CSS Snapshot 2015 WHATWG W3C
 HTML5 URL HTTP TLS Element s & WAI- ARIA HTML5 Parser Web Workers Web Socket s Canvas 2D multi media Content Model app cache section s HTML5 Forms Server- Sent ev. geo- locatio Orient ation Notifi- Game- pad Media data channe Presen - Push SSL Media Recorder Opus mp3 H. 264 Service Worker FilterSVG WOFF Math ML RSS Layout Media trans- form Tran- sitions & Anima- tions Flex Box Multi Colum Fonts User Inter- Shapes text decora- Indexed DB vibra- tion SMIL VP10 HSTS CORS RDF RDFa DNT VP9 Web Open Media VP8 HTTP/2 PNG Web Audio Batter y Generi c Shared Workers SIMD Web Crypto Page Visibilit FIDO File Pointer MIDI Speech Pro- mise CSP Class Modul e block scope Typed Array Arrow Func. Templat e Gene- rators Async Func. Navi. Timing Beacon Writing Mode Web Anima- tions IETF Khronos OGP Game, VR & High
 Performance Apps Progressive Web Apps Real-Time
 Communications Device
 Control Micro- data data ORTC WebVR Shared Mem. Itera- tors Proxy Collec- tions asm.js Permi- ssions DOM WebGL fetch Web Assembl y EME Brotli Mask- ing Progressive Enhancement Web App Manifest Web Storage Quarks Mode UI Events QUIC Origi Blue- tooth USB HPKP
  • 35. 28 Net Info Web Socket APNG Full- screen WebRTC HTML Components ECMAScript
 2015 CSS Snapshot 2015 WHATWG W3C
 HTML5 URL HTTP TLS Element s & WAI- ARIA HTML5 Parser Web Workers Web Socket s Canvas 2D multi media Content Model app cache section s HTML5 Forms Server- Sent ev. geo- locatio Orient ation Notifi- Game- pad Media data channe Presen - Push SSL Media Recorder Opus mp3 H. 264 Service Worker FilterSVG WOFF Math ML RSS Layout Media trans- form Tran- sitions & Anima- tions Flex Box Multi Colum Fonts User Inter- Shapes text decora- Indexed DB vibra- tion SMIL VP10 HSTS CORS RDF RDFa DNT VP9 Web Open Media VP8 HTTP/2 PNG Web Audio Batter y Generi c Shared Workers SIMD Web Crypto temp- lates Shadow DOM Custom Element s Page Visibilit FIDO Grid Layout File Pointer MIDI Speech Pro- mise CSP Class Modul e block scope Typed Array Arrow Func. Templat e Gene- rators Async Func. Navi. Timing Beacon Exclu- sions Writing Mode Web Anima- tions IETF Khronos OGP Game, VR & High
 Performance Apps Progressive Web Apps Real-Time
 Communications Device
 Control Extensible
 for Anything! Micro- data data ORTC WebVR Shared Mem. Itera- tors Proxy Collec- tions asm.js Permi- ssions DOM WebGL fetch Web Assembl y EME Brotli Mask- ing Progressive Enhancement Web App Manifest Web Storage Quarks Mode UI Events QUIC Origi Blue- tooth USB HPKP
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 46.
  • 47.
  • 48.
  • 49.
  • 51.
  • 52.
  • 53.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65. Windows 10 Windows 10 IoT Android & AOSP Realtime OS No OS Linux Qt Gecko on Linux (main target) Arduino, RasPi etc. iOS Win10 mobile macOS automotive ATM medical kioskFA HEMS PC intercom signage sensor copy mobile Robot projector home appliance Nest AR echo TV STB PLC
  • 66.
  • 67.
  • 68.
  • 70.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82.
  • 83.
  • 84.