Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Modern Technologies

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Tom Claus Tom Claus
December 14, 2012
Technology
370
2

Modern Technologies

Modern Technologies presentation at KHLim on 14 december 2012

Avatar for Tom Claus

Tom Claus

December 14, 2012

More Decks by Tom Claus

See All by Tom Claus
Responsive Webdesign
Avatar for Tom Claus tomclaus
4
240
Infosessions testgroup - New Platform
Avatar for Tom Claus tomclaus
0
68
Social Media
Avatar for Tom Claus tomclaus
5
210
Responsive & Content
Avatar for Tom Claus tomclaus
2
160
VikingSpots NG
Avatar for Tom Claus tomclaus
1
86
Budget Travelling
Avatar for Tom Claus tomclaus
4
130
Moderne Web Technologieën
Avatar for Tom Claus tomclaus
1
110
Inventis Stages
Avatar for Tom Claus tomclaus
1
85
HTML5 & CSS3
Avatar for Tom Claus tomclaus
2
410

Other Decks in Technology

See All in Technology
生成AIと進める探索的データ分析（2026.10.03 第122回Tokyo.R勉強会）
Avatar for tatamiya tatamiya
2
1.5k
「事実」を「計測」して、「解釈」する 〜AWS Lambdaのメモリ最適解の見つけ方〜
Avatar for maimyyym maimyyym
0
120
Loop Engineering これくらいでいい
Avatar for mikan mikanichinose
0
190
分析AIエージェントを育てる、動く環境を育てる
Avatar for Codatum codatum
1
720
IoTデバイスを繋げるプロトコルMatterをAndroidで使用する方法
Avatar for harutiro harutiro
0
120
しろおびから始める！ログ活用の第一歩
Avatar for Shumei Ito shumei_ito
0
830
プロダクト価値を、 チームが使える判断軸に変える
Avatar for viviON vivion
0
140
OSC2026on_the-world-is-waiting-for-your-voice.pdf
Avatar for Naruhiko Ogasawara naruoga
0
370
AI駆動開発の時代になったのでトヨタ生産方式から見直す
Avatar for terurou terurou
6
5.6k
Execution in the Kingdom of Agents: Reflections on Abstraction and Complexity
Avatar for Bryan Cantrill bcantrill
0
900
自主式軟體工廠
Avatar for philipz philipz
0
250
分析の民主化を支えるメタデータ整備の実践
Avatar for KAKEHASHI kakehashi
PRO
4
1.2k

Featured

See All Featured
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
69
66k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
8.1k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
2
350
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
450
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto WADA twada
PRO
120
120k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
14
40k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
32k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
300
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2.1k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.3k

Transcript

  1. Modern technologies

  2. None
  3. None

  4. Why?

  5. None
  6. None

  7. What are modern technologies?

  8. • Open Source • HTML5 • CSS3 • Offline •

    Realtime • Javascript API's • Multimedia

  9. ... Also this presentation! or Google Docs

  10. Advantages?

  11. None

  12. Living Standard

  13. Also known as a specification Standard?

  14. None
  15. None
  16. None
  17. None
  18. None

  19. Forms

  20. • required • email • date • number • tel

    • search • color • range • speech

  21. http://slides.html5rocks.com/#new-form-types Example Time

  22. http://slides.html5rocks.com/#speech-input Example Time

  23. http://www.wufoo.com/html5/ Example Time

  24. CSS3

  25. Gradients

  26. background: linear-gradient(top, #000 0%, #fff 100%);

  27. None

  28. http://www.pukkelpop.be/nl/ Example Time

  29. 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

  30. http://lea.verou.me/css3patterns/ Example Time

  31. http://ecsspert.com/play/css3-logos/ Example Time

  32. http://tjrus.com/iphone Example Time

  33. Regions

  34. None

  35. Custom Filters

  36. http://html.adobe. com/webstandards/csscustomfilters/cssfilterlab/ Example Time

  37. Exclusions

  38. None

  39. Transformations

  40. None

  41. http://leaverou.github.com/animatable/ Example Time

  42. 3D

  43. http://davidwalsh.name/demo/3d-menu.php Example Time

  44. None

  45. http://slides.html5rocks.com/#web-fonts Example Time

  46. http://www.google.com/webfonts Example Time

  47. http://hellohappy.org/beautiful-web-type/ Example Time

  48. None

  49. http://slides.html5rocks.com/#inline-svg Example Time

  50. http://www.sleepstreet.be Example Time

  51. None
  52. None
  53. None

  54. http://slides.html5rocks.com/#web-sockets Example Time

  55. Geolocation API, Camera API, ... Javascript API's

  56. None

  57. http://slides.html5rocks.com/#video-audio Example Time

  58. http://bubbles.childnodes.com Example Time

  59. None

  60. http://9elements.com/io/projects/html5/canvas/ Example Time

  61. http://chrome.angrybirds.com/ Example Time

  62. http://slides.html5rocks.com

  63. Browser support

  64. None