New Norm of HTML5
-
Upload
dynamis- -
Category
Technology
-
view
974 -
download
0
Transcript of New Norm of HTML5
![Page 1: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/1.jpg)
![Page 2: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/2.jpg)
![Page 6: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/6.jpg)
![Page 7: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/7.jpg)
![Page 8: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/8.jpg)
![Page 9: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/9.jpg)
WHATWG
HTML
W3C HTML5
Elements& Syntax
WAI-ARIA
HTML5Parser
WebWorkers
WebSockets
API
Canvas2D
multimedia
ContentModel
appcache
sections
HTML5Forms
Server-Sent ev.
Micro-data
WebStorage
![Page 10: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/10.jpg)
ECMAScript2015
CSS Snapshot 2015
WHATWG
HTML
W3C HTML5
Elements& Syntax
WAI-ARIA
HTML5Parser
WebWorkers
WebSockets
API
Canvas2D
multimedia
ContentModel
appcache
sections
HTML5Forms
Server-Sent ev.
Filter
Layout
MediaQueries
trans-form
Tran-sitions &Anima-
tions
FlexBox
MultiColumn
Fonts
UserInter-face
Shapes
textdecora-
tion
Pro-mise
ClassModule
blockscope
TypedArray
ArrowFunc.
TemplateLiterals
Gene-rators
Micro-data
Itera-tors
Proxy
Collec-tions
Mask-ing
WebStorage
![Page 11: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/11.jpg)
NetInfo
WebSocket
Protocol
APNG
Full-screen
ECMAScript2015
CSS Snapshot 2015
WHATWG
HTML
W3C HTML5
URL
HTTP
TLS
Elements& Syntax
WAI-ARIA
HTML5Parser
WebWorkers
WebSockets
API
Canvas2D
multimedia
ContentModel
appcache
sections
HTML5Forms
Server-Sent ev.
geo-location
Orientation
Notifi-cations Presen-
tation
SSL
Opusmp3
H.264
FilterSVG WOFF
MathML RSS
Layout
MediaQueries
trans-form
Tran-sitions &Anima-
tions
FlexBox
MultiColumn
Fonts
UserInter-face
Shapes
textdecora-
tionIndexed
DB
vibra-tion
SMIL
VP10
HSTS
CORS
RDFRDFa
DNT
VP9WebM
OpenMedia
VP8
HTTP/2
PNG
BatteryStatus
SharedWorkers
WebCrypto
PageVisibility
File
PointerEvents
Pro-mise
CSP
ClassModule
blockscope
TypedArray
ArrowFunc.
TemplateLiterals
Gene-rators
Navi.Timing
Beacon
WritingMode
WebAnima-
tions
IETF
OGP
Micro-data
dataURL
Itera-tors
Proxy
Collec-tions
Permi-ssions
DOM
fetch
EMEBrotli
Mask-ing
Progressive Enhancement
WebStorage
QuarksMode
UIEvents
QUIC
Origin
HPKP
![Page 12: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/12.jpg)
NetInfo
WebSocket
Protocol
APNG
Full-screen
WebRTC
HTML Components
ECMAScript2015
CSS Snapshot 2015
WHATWG
HTML
W3C HTML5
URL
HTTP
TLS
Elements& Syntax
WAI-ARIA
HTML5Parser
WebWorkers
WebSockets
API
Canvas2D
multimedia
ContentModel
appcache
sections
HTML5Forms
Server-Sent ev.
geo-location
Orientation
Notifi-cations
Game-pad
MediaStream
datachannel
Presen-tation Push
SSL
MediaRecorder
Opusmp3
H.264
ServiceWorker
FilterSVG WOFF
MathML RSS
Layout
MediaQueries
trans-form
Tran-sitions &Anima-
tions
FlexBox
MultiColumn
Fonts
UserInter-face
Shapes
textdecora-
tionIndexed
DB
vibra-tion
SMIL
VP10
HSTS
CORS
RDFRDFa
DNT
VP9WebM
OpenMedia
VP8
HTTP/2
PNG
WebAudio
BatteryStatus
GenericSensor
SharedWorkers
SIMD
WebCrypto
temp-lates
ShadowDOM
CustomElements
PageVisibility
FIDO
GridLayout
File
PointerEvents
MIDI
Speech
Pro-mise
CSP
ClassModule
blockscope
TypedArray
ArrowFunc.
TemplateLiterals
Gene-rators
AsyncFunc.
Navi.Timing
Beacon
Exclu-sions
WritingMode
WebAnima-
tions
IETF Khronos
OGP
Game, VR & HighPerformance Apps
Progressive Web Apps
Real-TimeCommunications
DeviceControl
Extensiblefor Anything!
Micro-data
dataURL
ORTC
WebVR
SharedMem.
Itera-tors
Proxy
Collec-tions
asm.js
Permi-ssions
DOM
WebGL
fetch
WebAssembly
EMEBrotli
Mask-ing
Progressive Enhancement
WebApp
Manifest
WebStorage
QuarksMode
UIEvents
QUIC
Origin
Blue-tooth
USB
HPKP
![Page 13: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/13.jpg)
![Page 15: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/15.jpg)
![Page 16: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/16.jpg)
![Page 17: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/17.jpg)
![Page 19: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/19.jpg)
“Implementations and specifications
have to do a delicate dance
together”
![Page 21: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/21.jpg)
“仕様と実装と利用の競演が織りなすオペラ”
![Page 22: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/22.jpg)
![Page 23: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/23.jpg)
![Page 26: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/26.jpg)
// 左から右へ水平に、上から下へ垂直方向に .exampleText1 { width:75px; writing-mode: horizontal-tb; } // 上から下へ垂直に、左から右へ水平方向に .exampleText2 { height:75px; writing-mode: vertical-lr; } // 上から下へ垂直に、右から左へ水平方向に .exampleText3 { height:75px; writing-mode: vertical-rl; } // 上から下へ垂直に、すべてのグリフを左へ横倒し .exampleText4 { height:75px; writing-mode: sideways-lr; } // 上から下へ垂直に、すべてのグリフを右へ横倒し .exampleText5 { height:75px; writing-mode: sideways-rl; }
![Page 27: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/27.jpg)
![Page 30: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/30.jpg)
LO+257)�&�����
![Page 31: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/31.jpg)
![Page 32: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/32.jpg)
![Page 33: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/33.jpg)
![Page 34: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/34.jpg)
![Page 35: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/35.jpg)
![Page 36: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/36.jpg)
![Page 37: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/37.jpg)
var ab = new ArrayBuffer(1024); var sab = new SharedArrayBuffer(1024); var worker = new Worker("worker.js");
console.log(uInt8Array.byteLength); // 1024 worker.postMessage(uInt8Array.buffer, [uInt8Array.buffer]); // ArrayBuffer は Worker に渡すとメインスレッドではクリアされる console.log(uInt8Array.byteLength); // 0
console.log(sab.byteLength); // 1024 worker.postMessage(sab, [sab]); // SharedArrayBuffer は Worker に渡してもメインスレッドに残る console.log(sab.byteLength); // 1024
![Page 38: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/38.jpg)
![Page 39: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/39.jpg)
![Page 40: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/40.jpg)
BI>G�E�!�6834#)R/�
![Page 41: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/41.jpg)
![Page 42: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/42.jpg)
![Page 43: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/43.jpg)
![Page 45: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/45.jpg)
<!-- A-Frame ライブラリの読み込み --> <script src="aframe.js"></script>
<!-- 3D シーンの定義 --> <a-scene> <!-- アセットの定義 --> <a-assets> <video id="video" src="360video.mp4"></video> </a-assets> <!-- 全天球動画の読み込み表示も専用タグで超簡単 --> <a-videosphere src="#video"></a-videosphere> </a-scene>
![Page 48: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/48.jpg)
BI>G�E�!����$K<#)�
![Page 49: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/49.jpg)
![Page 50: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/50.jpg)
�0;?D(�*"���
![Page 51: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/51.jpg)
![Page 52: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/52.jpg)
![Page 53: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/53.jpg)
H��%E$A9�+R@��� ���� �
![Page 55: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/55.jpg)
![Page 56: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/56.jpg)
![Page 63: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/63.jpg)
![Page 64: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/64.jpg)
![Page 65: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/65.jpg)
![Page 66: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/66.jpg)
![Page 68: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/68.jpg)
![Page 69: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/69.jpg)
![Page 70: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/70.jpg)
![Page 71: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/71.jpg)
![Page 72: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/72.jpg)
![Page 73: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/73.jpg)
{ "short_name": "れっさーもふもふ", "name": "レッサーパンダのもふもふ素敵アプリ!", "icons": [ { "src": "launcher-icon-3x.png", "sizes": "144x144", "type": "image/png" } ], "start_url": "index.html", "display": "standalone" }
![Page 74: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/74.jpg)
![Page 75: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/75.jpg)
![Page 76: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/76.jpg)
![Page 77: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/77.jpg)
![Page 78: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/78.jpg)
![Page 79: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/79.jpg)
![Page 80: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/80.jpg)
![Page 81: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/81.jpg)
![Page 82: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/82.jpg)
![Page 83: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/83.jpg)
![Page 84: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/84.jpg)
���!6834��-Q�S�"��
![Page 85: New Norm of HTML5](https://reader031.fdocuments.us/reader031/viewer/2022022415/586e8c171a28aba0038b82f7/html5/thumbnails/85.jpg)