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
From Zero to Hero: How to put GPT LLMs & Friends into your Applications
phoenixhawk
0
41
DWX 2025 - Talk to your data
phoenixhawk
0
7
BASTA! Spring 2025 - Halluzinationen, Prompt Injections & Co.
phoenixhawk
0
77
SEACON 2024 - Talk to your Data
phoenixhawk
0
98
MLCon 2024 - Bootcamp: Conquer and Rule Generative AI
phoenixhawk
0
120
InfoDays Generative AI für Developer 2024
phoenixhawk
0
98
EKON 2024 - Prompt Injections, Halluzinationen und Co.
phoenixhawk
0
82
EKON 2024: Real World RAG mit eigenen Daten und Dokumenten
phoenixhawk
0
110
Gen AI Engineering Days - Prompt Injections, Hallucinations and More
phoenixhawk
0
130
Other Decks in Technology
See All in Technology
IPA&AWSダブル全冠が明かす、人生を変えた勉強法のすべて
iwamot
PRO
2
230
Delegating the chores of authenticating users to Keycloak
ahus1
0
180
AWS CDKの仕組み / how-aws-cdk-works
gotok365
10
980
衛星運用をソフトウェアエンジニアに依頼したときにできあがるもの
sankichi92
1
250
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
13k
Getting to Know Your Legacy (System) with AI-Driven Software Archeology (WeAreDevelopers World Congress 2025)
feststelltaste
1
180
QuickSight SPICE の効果的な運用戦略~S3 + Athena 構成での実践ノウハウ~/quicksight-spice-s3-athena-best-practices
emiki
0
270
60以上のプロダクトを持つ組織における開発者体験向上への取り組み - チームAPIとBackstageで構築する組織の可視化基盤 - / sre next 2025 Efforts to Improve Developer Experience in an Organization with Over 60 Products
vtryo
3
1.8k
Rethinking Incident Response: Context-Aware AI in Practice
rrreeeyyy
1
590
オフィスビルを監視しよう:フィジカル×デジタルにまたがるSLI/SLO設計と運用の難しさ / Monitoring Office Buildings: The Challenge of Physical-Digital SLI/SLO Design & Operation
bitkey
1
370
cdk initで生成されるあのファイル達は何なのか/cdk-init-generated-files
tomoki10
1
620
[SRE NEXT 2025] すみずみまで暖かく照らすあなたの太陽でありたい
carnappopper
2
290
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Navigating Team Friction
lara
187
15k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Practical Orchestrator
shlominoach
189
11k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
108
19k
Music & Morning Musume
bryan
46
6.7k
Producing Creativity
orderedlist
PRO
346
40k
Code Reviewing Like a Champion
maltzj
524
40k
The Language of Interfaces
destraynor
158
25k
Done Done
chrislema
184
16k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
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