Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
HTML5 - a brief introduction
Search
Kerim Satirli
PRO
July 12, 2010
Programming
0
830
HTML5 - a brief introduction
A condensed version of a presentation on HTML5 I gave at Mediamatic during the summer of 2010.
Kerim Satirli
PRO
July 12, 2010
Tweet
Share
More Decks by Kerim Satirli
See All by Kerim Satirli
Learning from Firefighters
ksatirli
PRO
0
160
Deploying at Scale with HashiCorp Terraform
ksatirli
PRO
0
24
Lessons from building an Internal Platform
ksatirli
PRO
0
80
Infrastructure Lifecycle Management
ksatirli
PRO
0
76
Adding Compute to your Conference Badge
ksatirli
PRO
0
78
Orchestration at the Edge with Nomad
ksatirli
PRO
0
79
Heartbeats and Healthchecks
ksatirli
PRO
0
100
Security at Scale
ksatirli
PRO
0
110
Gaming at Scale
ksatirli
PRO
0
93
Other Decks in Programming
See All in Programming
color-scheme: light dark; を完全に理解する
uhyo
7
480
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
880
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
220
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
280
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
240
Jakarta EE meets AI
ivargrimstad
0
110
Visual StudioのGitHub Copilotでいろいろやってみる
tomokusaba
1
190
CI改善もDatadogとともに
taumu
0
180
『テスト書いた方が開発が早いじゃん』を解き明かす #phpcon_nagoya
o0h
PRO
6
2.2k
第3回 Snowflake 中部ユーザ会- dbt × Snowflake ハンズオン
hoto17296
4
380
.NET Frameworkでも汎用ホストが使いたい!
tomokusaba
0
190
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
210
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
A better future with KSS
kneath
238
17k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Practical Orchestrator
shlominoach
186
10k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
A Tale of Four Properties
chriscoyier
158
23k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
133
33k
Navigating Team Friction
lara
183
15k
Automating Front-end Workflow
addyosmani
1368
200k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Transcript
<html5>
1. 2. 3. 4. overview web storage drag and drop
form features
HTML 5 really wanted to be JavaScript.
“Scripting should be avoided when more declarative markup can be
used.” W3C’s official position on scripting
HTML 5, right now, is a celebration of Webkit. (this
includes MobileSafari and Android)
Web Storage localStorage sessionStorage 6.0: 7.0: 8.0: 3.0: 3.5: 4.0:
3: 4 / 5: mob: 5.0: 6.0: mob: ✗ ✗ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗
localStorage
storing data 1.
persisting across (tab) sessions 2.
persisting across (browser) sessions 3.
sessionStorage
storing data 1.
2. persisting across (single tab) sessions
3. no persistence across (browser) sessions
drag and drop is messed up. 6.0: 7.0: 8.0: 3.0:
3.5: 4.0: 3: 4 / 5: mob: 5.0: 6.0: mob: ✗ ✗ ? ✓ ✓ ✓ ✓ ✓ ✗ ✗ ✗ ✗
“You MUST NOT use HTML 5 drag and drop. Rely
on old-school scripts instead.” Peter-Paul Koch from quirksmode.org
Mozilla Firefox Google Chrome
MSIE 6.0 MSIE 7.0
MSIE 8.0 before MSIE 8.0 after
6.0: 7.0: 8.0: 3.0: 3.5: 4.0: 3: 4 / 5:
mob: 5.0: 6.0: mob: ✗ ✗ ✓ ✓ ✓ ✓ ✗ ✗ form features ✗ ✗ ✓ ✓
None
None
None
None
You + HTML 5 =
fallback = jQuery
“I expect HTML5 to become a W3C Recommendation in the
year 2022 or later.” Ian Hickson, editor of the HTML5 spec
</html5>