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
56
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
毎晩の 負荷試験自動実行による効果
recruitengineers
PRO
5
180
Autify Company Deck
autifyhq
2
44k
データ駆動経営の道しるべ:プロダクト開発指標の戦略的活用法
ham0215
2
140
振り返りTransit Gateway ~VPCをいい感じでつなげるために~
masakiokuda
4
210
How to Quickly Call American Airlines®️ U.S. Customer Care : Full Guide
flyaahelpguide
0
240
Four Keysから始める信頼性の改善 - SRE NEXT 2025
ozakikota
0
420
アクセスピークを制するオートスケール再設計: 障害を乗り越えKEDAで実現したリソース管理の最適化
myamashii
1
710
公開初日に Gemini CLI を試した話や FFmpeg と組み合わせてみた話など / Gemini CLI 初学者勉強会(#AI道場)
you
PRO
0
1.4k
SRE with AI:実践から学ぶ、運用課題解決と未来への展望
yoshiiryo1
0
370
【あのMCPって、どんな処理してるの?】 AWS CDKでの開発で便利なAWS MCP Servers特集
yoshimi0227
6
990
CDK Vibe Coding Fes
tomoki10
1
640
全部AI、全員Cursor、ドキュメント駆動開発 〜DevinやGeminiも添えて〜
rinchsan
10
5.2k
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
512
110k
BBQ
matthewcrist
89
9.7k
How STYLIGHT went responsive
nonsquared
100
5.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Visualization
eitanlees
146
16k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
700
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Six Lessons from altMBA
skipperchong
28
3.9k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Optimizing for Happiness
mojombo
379
70k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
108
19k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
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