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
350
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
東京海上日動におけるセキュアな開発プロセスの取り組み
miyabit
0
150
AI駆動開発 with MixLeap Study【大阪支部 #3】
lycorptech_jp
PRO
0
210
増え続ける脆弱性に立ち向かう: 事前対策と優先度づけによる 持続可能な脆弱性管理 / Confronting the Rise of Vulnerabilities: Sustainable Management Through Proactive Measures and Prioritization
nttcom
1
180
怖くない!GritQLでBiomeプラグインを作ろうよ
pal4de
1
130
メモ整理が苦手な者による頑張らないObsidian活用術
optim
0
130
そもそも AWS FIS について。なぜ今 FIS のハンズオンなのか?などなど
kazzpapa3
2
120
Expertise as a Service via MCP
yodakeisuke
1
150
OpenTelemetry の Log を使いこなそう
biwashi
5
1k
エンジニアリングマネージャー“お悩み相談”パネルセッション
ar_tama
1
680
Snowflake のアーキテクチャは本当に筋がよかったのか / Data Engineering Study #30
indigo13love
0
260
Bliki (ja), and the Cathedral, and the Bazaar
koic
8
1.4k
P2P ではじめる WebRTC のつまづきどころ
tnoho
1
220
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Become a Pro
speakerdeck
PRO
29
5.4k
How STYLIGHT went responsive
nonsquared
100
5.6k
Docker and Python
trallard
45
3.5k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
RailsConf 2023
tenderlove
30
1.2k
The Invisible Side of Design
smashingmag
301
51k
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