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
EKON 16: HTML5
Search
Sebastian Gingter
November 05, 2012
Technology
1
210
EKON 16: HTML5
My slides for the HTML5 talk on EKON 16.
Sebastian Gingter
November 05, 2012
Tweet
Share
More Decks by Sebastian Gingter
See All by Sebastian Gingter
BASTA! Spring 2025 - Halluzinationen, Prompt Injections & Co.
phoenixhawk
0
68
SEACON 2024 - Talk to your Data
phoenixhawk
0
88
MLCon 2024 - Bootcamp: Conquer and Rule Generative AI
phoenixhawk
0
110
InfoDays Generative AI für Developer 2024
phoenixhawk
0
78
EKON 2024 - Prompt Injections, Halluzinationen und Co.
phoenixhawk
0
69
EKON 2024: Real World RAG mit eigenen Daten und Dokumenten
phoenixhawk
0
110
Gen AI Engineering Days - Prompt Injections, Hallucinations and More
phoenixhawk
0
120
Gen AI Engineering Days - Talk to your Data
phoenixhawk
0
92
"Talk to your data": Improving RAG solutions based on real-world experiences
phoenixhawk
0
42
Other Decks in Technology
See All in Technology
型システムを知りたい人のための型検査器作成入門
mame
11
2.3k
JavaのMCPサーバーで体験するAIエージェントの世界
tatsuya1bm
1
210
Test Smarter, Not Harder: Achieving Confidence in Complex Distributed Systems
eliasnogueira
1
130
Vibe Codingの裏で、 考える力をどう取り戻すか
csekine
1
460
Autonomous Database サービス・アップデート (FY25)
oracle4engineer
PRO
1
730
やさしい認証認可
minorun365
PRO
27
10k
SwiftUI Transaction を徹底活用!ZOZOTOWN UI開発での活用事例
tsuzuki817
1
140
Applied NLP in the Age of Generative AI: Future-Proof Strategies for Banking and Finance
inesmontani
PRO
0
220
実践Kafka Streams 〜イベント駆動型アーキテクチャを添えて〜
joker1007
3
830
Nonaka Sensei
kawaguti
PRO
0
210
Introduction to Sansan Meishi Maker Development Engineer
sansan33
PRO
0
270
入門 ESlint Typegen #TSKaigi #TSKaigi2025_kataritai
bengo4com
0
2k
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
7
470
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.3k
Building Adaptive Systems
keathley
42
2.6k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
25
2.8k
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
A Modern Web Designer's Workflow
chriscoyier
693
190k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
228
22k
Practical Orchestrator
shlominoach
188
11k
The Power of CSS Pseudo Elements
geoffreycrofte
76
5.8k
We Have a Design System, Now What?
morganepeng
52
7.6k
Transcript
Sebastian P.R. Gingter - @PhoenixHawk EKON 16, November 2012 Slides:
https://speakerdeck.com/u/phoenixhawk HTML 5
HTML 5 EKON 16 - November 2012 Sebastian P.R. Gingter
@PhoenixHawk • is • NO simple Upgrade of (X)HTML • HTML 5 • + CSS 3 • + JavaScript APIs
HTML 5 EKON 16 - November 2012 Sebastian P.R. Gingter
@PhoenixHawk • Semantic tags • Application Markup (Slider, Progress bars etc.) • Mobile input hints (Number keyboard, email / url keyboards) • Inline SVG • Canvas (2D & 3D – mit JS)
CSS 3 EKON 16 - November 2012 Sebastian P.R. Gingter
@PhoenixHawk • CSS Selectors • Web Fonts • Opacity • Columns • HSL (Hue / Saturation / Luminance) • Text-Stroke • Round corners • Gradients • Shadows • Reflections • Transitions • Transforms • Animations • State-based Design
COOL THINGS WITH CSS 3 EKON 16 - November 2012
Sebastian P.R. Gingter @PhoenixHawk • 500 lines of CSS (+ 5800 lines inlined base64 encoded images), 40 Lines HTML, 0 lines of JS http://cssdeck.com/labs/css-panic-game
JAVASCRIPT EKON 16 - November 2012 Sebastian P.R. Gingter @PhoenixHawk
• Storage • LocalStorage • WebSql & IndexedDb (NoSql) • Sandboxed File system • Canvas (2D & 3D – mit HTML) • Appcache • Websockets • History API • Enhanced DOM Api (Classselectors, Custom-Data)
OVERVIEW EKON 16 - November 2012 Sebastian P.R. Gingter @PhoenixHawk
• http://slides.html5rocks.com/
REAL APPLICATION DEVELOPMENT EKON 16 - November 2012 Sebastian P.R.
Gingter @PhoenixHawk • MVVM – Pattern with complex model-binding • Knockout JS - http://knockoutjs.com/ • Local Storage • for offline usage & persistence • AppCache • for offline usage • http://www.html5rocks.com/en/tutorials/appcache/beginner/ • + Backend JSON API • ... and a lot more!
http://www.html5rocks.com/ THANK YOU! EKON 16 - November 2012 Sebastian P.R.
Gingter @PhoenixHawk