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
Modern Technologies
Search
Tom Claus
December 14, 2012
Technology
2
360
Modern Technologies
Modern Technologies presentation at KHLim on 14 december 2012
Tom Claus
December 14, 2012
Tweet
Share
More Decks by Tom Claus
See All by Tom Claus
Responsive Webdesign
tomclaus
4
230
Infosessions testgroup - New Platform
tomclaus
0
57
Social Media
tomclaus
5
210
Responsive & Content
tomclaus
2
140
VikingSpots NG
tomclaus
1
78
Budget Travelling
tomclaus
4
120
Moderne Web Technologieën
tomclaus
1
91
Inventis Stages
tomclaus
1
75
HTML5 & CSS3
tomclaus
2
390
Other Decks in Technology
See All in Technology
PFEM Online Feature Flag @ newmo
shinyaishitobi
1
150
薬屋のひとりごとにみるトラブルシューティング
tomokusaba
0
390
AI時代の大規模データ活用とセキュリティ戦略
ken5scal
1
260
[OCI Technical Deep Dive] OCIで生成AIを活用するためのソリューション解説(2025年8月5日開催)
oracle4engineer
PRO
0
120
Amazon Inspector コードセキュリティで手軽に実現するシフトレフト
maimyyym
0
140
Google Agentspaceを実際に導入した効果と今後の展望
mixi_engineers
PRO
3
800
会社にデータエンジニアがいることでできるようになること
10xinc
6
670
JAWS-UG のイベントで使うハンズオンシナリオを Amazon Q Developer for CLI で作ってみた話
kazzpapa3
0
120
[kickflow]20250319_少人数チームでのAutify活用
otouhujej
0
170
結局QUICで通信は速くなるの?
kota_yata
8
7.5k
2025新卒研修・Webアプリケーションセキュリティ #弁護士ドットコム
bengo4com
3
9.5k
テストを実行してSorbetのsigを書こう!
sansantech
PRO
1
130
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
14k
Into the Great Unknown - MozCon
thekraken
40
2k
BBQ
matthewcrist
89
9.8k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
890
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Done Done
chrislema
185
16k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
The Cult of Friendly URLs
andyhume
79
6.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
183
54k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.4k
Transcript
Modern technologies
None
None
Why?
None
None
What are modern technologies?
• Open Source • HTML5 • CSS3 • Offline •
Realtime • Javascript API's • Multimedia
... Also this presentation! or Google Docs
Advantages?
None
Living Standard
Also known as a specification Standard?
None
None
None
None
None
Forms
• required • email • date • number • tel
• search • color • range • speech
http://slides.html5rocks.com/#new-form-types Example Time
http://slides.html5rocks.com/#speech-input Example Time
http://www.wufoo.com/html5/ Example Time
CSS3
Gradients
background: linear-gradient(top, #000 0%, #fff 100%);
None
http://www.pukkelpop.be/nl/ Example Time
top, #56c5d0 1px, #56c5d0 2px, #000 2px, #000 3px, #56c5d0
3px, #56c5d0 4px, #000 4px, #000 6px, #abe2e8 6px, #abe2e8 31px, #56c5d0 31px, #56c5d0 37px, #000 37px, #000 38px, #bfeae6 38px, #bfeae6 41px, #abe2e8 42px, #abe2e8 74px, #000 74px, #000 76px, #56c5d0 76px, #56c5d0 77px, #000 77px, #000 78px, #56c5d0 78px
http://lea.verou.me/css3patterns/ Example Time
http://ecsspert.com/play/css3-logos/ Example Time
http://tjrus.com/iphone Example Time
Regions
None
Custom Filters
http://html.adobe. com/webstandards/csscustomfilters/cssfilterlab/ Example Time
Exclusions
None
Transformations
None
http://leaverou.github.com/animatable/ Example Time
3D
http://davidwalsh.name/demo/3d-menu.php Example Time
None
http://slides.html5rocks.com/#web-fonts Example Time
http://www.google.com/webfonts Example Time
http://hellohappy.org/beautiful-web-type/ Example Time
None
http://slides.html5rocks.com/#inline-svg Example Time
http://www.sleepstreet.be Example Time
None
None
None
http://slides.html5rocks.com/#web-sockets Example Time
Geolocation API, Camera API, ... Javascript API's
None
http://slides.html5rocks.com/#video-audio Example Time
http://bubbles.childnodes.com Example Time
None
http://9elements.com/io/projects/html5/canvas/ Example Time
http://chrome.angrybirds.com/ Example Time
http://slides.html5rocks.com
Browser support
None