Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
EKON 16: HTML5
Sebastian P.R. Gingter
November 05, 2012
Technology
1
140
EKON 16: HTML5
My slides for the HTML5 talk on EKON 16.
Sebastian P.R. Gingter
November 05, 2012
Tweet
Share
More Decks by Sebastian P.R. Gingter
See All by Sebastian P.R. Gingter
BASTA! Spring 2022 - Web-APIs mit Async & Await
phoenixhawk
0
64
Thinktecture Webinar: Web-API mit Turbo:Deep-dive in async/awaitfür Backend-APIs
phoenixhawk
0
480
BASTA! 2021 - Deep Dive in async/await bei Backend-APIs
phoenixhawk
0
110
Thinktecture Webinar async/await in .NET
phoenixhawk
0
600
Thinktecture Webinar async/await in .NET
phoenixhawk
0
430
Thinktecture Webinar: API Versionierung in .NET 5
phoenixhawk
0
660
BASTA! Spring 2021 - Blazor Server
phoenixhawk
0
200
Blazor Server: Mögliche Architekturalternative zu SPAs?
phoenixhawk
0
680
Thinktecture Webinar Pragmatische API-Versionierung in ASP.NET Core
phoenixhawk
0
360
Other Decks in Technology
See All in Technology
SRENEXT2022 組織にSREを実装していくまでの道のり
marnie0301
1
790
スクラムマスターの「観察」スキルを掘り下げる / Scrum Fest Niigata 2022
ama_ch
0
850
1年間のポストモーテム運用とそこから生まれたツール sre-advisor / SRE NEXT 2022
fujiwara3
6
3.7k
開発者のための GitHub Organization の安全な運用と 継続的なモニタリング
flatt_security
3
4k
Graph API について
miyakemito
0
300
モダンデータスタックとかの話(データエンジニアのお仕事とは)
foursue
0
490
長年運用されてきたモノリシックアプリケーションをコンテナ化しようとするとどんな問題に遭遇するか? / SRE NEXT 2022
nulabinc
PRO
15
8.1k
我々はなぜテストをするのか?
kawaguti
PRO
0
620
LINEポイントクラブにおける PerlからKotlinへの移行を振り返る / The migration from Perl to Kotlin at LINE Point Club
line_developers
PRO
0
180
Why_Enterprise_Grid_20220525.pdf
na2neko
0
100
XRを取り巻く技術の正体と未来
kajiken_meson
0
140
一人から始めるプロダクトSRE / How to start SRE in a product team, all by yourself
vtryo
4
3k
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
151
12k
The World Runs on Bad Software
bkeepers
PRO
56
5.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
343
17k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.3k
Infographics Made Easy
chrislema
233
17k
Build your cross-platform service in a week with App Engine
jlugia
219
17k
Creatively Recalculating Your Daily Design Routine
revolveconf
207
10k
The Art of Programming - Codeland 2020
erikaheidi
32
5.8k
StorybookのUI Testing Handbookを読んだ
zakiyama
4
2k
Docker and Python
trallard
27
1.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
62k
WebSockets: Embracing the real-time Web
robhawkes
57
5k
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