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
220
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! 2025: Agents in Action: LLM's, Tools and Reasoning
phoenixhawk
0
20
From Zero to Hero: How to put GPT LLMs & Friends into your Applications
phoenixhawk
0
78
DWX 2025 - Talk to your data
phoenixhawk
0
19
BASTA! Spring 2025 - Halluzinationen, Prompt Injections & Co.
phoenixhawk
0
100
SEACON 2024 - Talk to your Data
phoenixhawk
0
140
MLCon 2024 - Bootcamp: Conquer and Rule Generative AI
phoenixhawk
0
150
InfoDays Generative AI für Developer 2024
phoenixhawk
0
120
EKON 2024 - Prompt Injections, Halluzinationen und Co.
phoenixhawk
0
110
EKON 2024: Real World RAG mit eigenen Daten und Dokumenten
phoenixhawk
0
140
Other Decks in Technology
See All in Technology
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
240
ユーザーの声とAI検証で進める、プロダクトディスカバリー
sansantech
PRO
1
110
職種別ミートアップで社内から盛り上げる アウトプット文化の醸成と関係強化/ #DevRelKaigi
nishiuma
2
160
プロポーザルのコツ ~ Kaigi on Rails 2025 初参加で3名の登壇を実現 ~
naro143
1
200
AIツールでどこまでデザインを忠実に実装できるのか
oikon48
6
3.1k
能登半島地震で見えた災害対応の課題と組織変革の重要性
ditccsugii
0
240
関係性が駆動するアジャイル──GPTに人格を与えたら、対話を通してふりかえりを習慣化できた話
mhlyc
0
140
AI時代こそ求められる設計力- AWSクラウドデザインパターン3選で信頼性と拡張性を高める-
kenichirokimura
3
240
How to achieve interoperable digital identity across Asian countries
fujie
0
140
いまさら聞けない ABテスト入門
skmr2348
1
230
Optuna DashboardにおけるPLaMo2連携機能の紹介 / PFN LLM セミナー
pfn
PRO
2
940
「れきちず」のこれまでとこれから - 誰にでもわかりやすい歴史地図を目指して / FOSS4G 2025 Japan
hjmkth
1
170
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Building Adaptive Systems
keathley
43
2.8k
It's Worth the Effort
3n
187
28k
Scaling GitHub
holman
463
140k
How to Think Like a Performance Engineer
csswizardry
27
2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
Unsuck your backbone
ammeep
671
58k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
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