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
200
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
26
SEACON 2024 - Talk to your Data
phoenixhawk
0
64
MLCon 2024 - Bootcamp: Conquer and Rule Generative AI
phoenixhawk
0
79
InfoDays Generative AI für Developer 2024
phoenixhawk
0
52
EKON 2024 - Prompt Injections, Halluzinationen und Co.
phoenixhawk
0
38
EKON 2024: Real World RAG mit eigenen Daten und Dokumenten
phoenixhawk
0
83
Gen AI Engineering Days - Prompt Injections, Hallucinations and More
phoenixhawk
0
84
Gen AI Engineering Days - Talk to your Data
phoenixhawk
0
63
"Talk to your data": Improving RAG solutions based on real-world experiences
phoenixhawk
0
30
Other Decks in Technology
See All in Technology
OCI IAM Identity Domains Entra IDとの認証連携設定手順 / Identity Domain Federation settings with Entra ID
oracle4engineer
PRO
1
1.4k
DeepSeekとは?何がいいの? - Databricksと学ぶDeepSeek! 〜これからのLLMに備えよ!〜
taka_aki
2
210
2025/3/1 公共交通オープンデータデイ2025
morohoshi
0
130
エンジニアのキャリアパスと、 その中で自分が大切にしていること
noteinc
4
3.2k
プルリクエストレビューを終わらせるためのチーム体制 / The Team for Completing Pull Request Reviews
nekonenene
4
2.1k
アジリティを高めるテストマネジメント #QiitaQualityForward
makky_tyuyan
1
560
【Forkwell】「正しく」失敗できるチームを作る──現場のリーダーのための恐怖と不安を乗り越える技術 - FL#83 / A team that can fail correctly by forkwell
i35_267
2
180
20250307_エンジニアじゃないけどAzureはじめてみた
ponponmikankan
2
280
Global Databaseで実現するマルチリージョン自動切替とBlue/Greenデプロイ
j2yano
0
210
Amazon Athenaから利用時のGlueのIcebergテーブルのメンテナンスについて
nayuts
0
150
エンジニアリング 💰Moneyジャー / Engineering Money-ger
kenchan
1
250
AI_Agent_の作り方_近藤憲児
kenjikondobai
9
1.8k
Featured
See All Featured
Become a Pro
speakerdeck
PRO
26
5.2k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
A better future with KSS
kneath
238
17k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
115
51k
Git: the NoSQL Database
bkeepers
PRO
429
65k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
134
33k
Statistics for Hackers
jakevdp
797
220k
RailsConf 2023
tenderlove
29
1k
Side Projects
sachag
452
42k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
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