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
170
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
Webinar: Schutz vor Halluzinationen und Prompt Injections
phoenixhawk
0
28
DWX 2024 - Advanced RAG
phoenixhawk
0
69
Generative_AI_Infodays_-_Prompt_Injections_Halluzinationen_und_Co_-_LLMs_sicher_in_die_Schranken_weisen.pdf
phoenixhawk
0
45
Warum versteht mich der Computer auf einmal? Wir lüften das Geheimnis von Embeddings
phoenixhawk
0
45
Schutz vor Halluzinationen und Prompt Injections: Absicherung von LLM-Integrationen in Business-Apps
phoenixhawk
1
240
Generative AI: Semantische Suche und LLMs jenseits des Hello World-RAG-Tutorials
phoenixhawk
0
68
Webinar: Moderne Semantische Suche mit LLMs, Vektor-Datenbanken und LangChain
phoenixhawk
0
320
BASTA 2023 Blazor Statemanagement
phoenixhawk
0
65
.NET 7 Web-APIs mit Turbo: Deep-Dive in async/await
phoenixhawk
0
260
Other Decks in Technology
See All in Technology
Classmethod流のPlatform Engineering / classmethod-platform-engineering-devio2024
tomoki10
0
480
OSSコミットしてZennの課題を解決した話
dyoshikawa1993
0
150
AIアシスタントの活用で品質の向上と開発ワークフローのスピードアップ
nagix
1
210
[I/O Extended Android 2024] What`s new in Android 2024
kyeongwan
0
220
大規模ドラレコデータ収集・機械学習基盤を支える AWS CDK 〜導入・運用事例紹介〜
pemugi
0
110
ソフトウェアエンジニアリングの知見を活かして データ基盤をいい感じにする on Snowflake [MIERUNE BBQ #10]
mtpooh
2
150
GoとアクターモデルでES+CQRSを実践! / proto_actor_es_cqrs
ytake
1
160
目標設定は好きですか? アジャイルとともに目標と向き合い続ける方法 / Do you like target Management?
kakehashi
10
3k
Luupの開発組織におけるインシデントマネジメントの変遷 ver.RoadtoSRENEXT2024
grimoh
1
270
サービスの持続的な成長と技術負債について
siva_official
PRO
10
4.4k
20240717_イケコパ代表Copilot_in_Teams会社でこう使ってます
ponponmikankan
2
430
Classmethod Odyssey 登壇資料
yamahiro
0
390
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
23
1.9k
The Invisible Side of Design
smashingmag
294
50k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
17
8.7k
How STYLIGHT went responsive
nonsquared
93
5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
Code Review Best Practice
trishagee
58
16k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
GraphQLとの向き合い方2022年版
quramy
36
13k
The Mythical Team-Month
searls
217
43k
Unsuck your backbone
ammeep
666
57k
Testing 201, or: Great Expectations
jmmastey
33
6.9k
Agile that works and the tools we love
rasmusluckow
325
20k
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