Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTML5

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for jaideepsingh jaideepsingh
March 08, 2014
Technology
1
220

 HTML5

Avatar for jaideepsingh

jaideepsingh

March 08, 2014
Tweet

More Decks by jaideepsingh

See All by jaideepsingh
Mobile app analytics
Avatar for jaideepsingh jaideepsingh
0
140
Measuring the in-broswer experience
Avatar for jaideepsingh jaideepsingh
0
89
Memory profile your JavaScript application
Avatar for jaideepsingh jaideepsingh
0
850
The mechanics of iconography
Avatar for jaideepsingh jaideepsingh
0
170
Interactive prototyping
Avatar for jaideepsingh jaideepsingh
2
110
AngularJS
Avatar for jaideepsingh jaideepsingh
1
360
Tools and techniques to validate visual design
Avatar for jaideepsingh jaideepsingh
0
200

Other Decks in Technology

See All in Technology
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
Avatar for Konishi tatsuhiro tatsukoni
0
200
プロポーザルに込める段取り八分
Avatar for ShoheiMitani shoheimitani
1
170
なぜ今、コスト最適化（倹約）が必要なのか？ ～AWSでのコスト最適化の進め方「目的編」～
Avatar for Hayato Tan htan
1
110
オープンウェイトのLLMリランカーを契約書で評価する / searchtechjp
Avatar for Sansan R&D sansan_randd
3
650
（金融庁共催）第4回金融データ活用チャレンジ勉強会資料
Avatar for tak takumimukaiyama
0
120
顧客の言葉を、そのまま信じない勇気
Avatar for yamatai12 yamatai1212
1
340
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
Avatar for oracle4engineer oracle4engineer
PRO
2
14k
We Built for Predictability; The Workloads Didn’t Care
Avatar for Michael Stahnke stahnma
0
130
What happened to RubyGems and what can we learn?
Avatar for Mike McQuaid mikemcquaid
0
240
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
6.8k
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
Avatar for soudai sone soudai
PRO
12
4.7k
20260204_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
0
110

Featured

See All Featured
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
1.9k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
290
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
910
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
400
Visualization
Avatar for Eitan Lees eitanlees
150
17k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
72
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
230
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130

Transcript

  1. HTML5 Harsha Ivaturi ThoughtWorks Jaideep Singh ThoughtWorks

  2. Manager Developer Developer QA Developer

  3. Manager Developer Developer QA Developer UI Developer

  4. Client Server HTML CSS JavaScript

  5. Client Server Integration HTML CSS JavaScript

  6. None

  7. A brief history...

  8. HTML CSS JS The companions

  9. Why Standards

  10. None

  11. HTML5 ~= HTML + CSS + JS

  12. <h1> <h2> <li> <p> A note on Semantics

  13. HTML5 = Better semantics <nav> <header> <section> <aside>

  14. <input type="text" required /> <input type="date" value="2013-08-14"/> <input type="range" min="0"

    max="50" /> <input type="search" /> <input type="color" />
  15. None

  16. Audio + Video

  17. Canvas

  18. Border-radius

  19. None
  20. None

  21. Transforms and animations

  22. Interesting stuff • AppCache • LocalStorage • Geolocation • Desktop

    notifications • Speech API • Battery API • Vibration API
  23. None

  24. AppCache • Offline support • Speed • Resilience

  25. LocalStorage

  26. Geolocation API

  27. Battery API

  28. Desktop notifications

  29. Speech API

  30. Thanks! • [email protected] • [email protected]