Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Modern Technologies

Avatar for Tom Claus Tom Claus
December 14, 2012
Technology
2
360

Modern Technologies

Modern Technologies presentation at KHLim on 14 december 2012

Avatar for Tom Claus

Tom Claus

December 14, 2012
Tweet

More Decks by Tom Claus

See All by Tom Claus
Responsive Webdesign
Avatar for Tom Claus tomclaus
4
230
Infosessions testgroup - New Platform
Avatar for Tom Claus tomclaus
0
58
Social Media
Avatar for Tom Claus tomclaus
5
210
Responsive & Content
Avatar for Tom Claus tomclaus
2
150
VikingSpots NG
Avatar for Tom Claus tomclaus
1
80
Budget Travelling
Avatar for Tom Claus tomclaus
4
120
Moderne Web Technologieën
Avatar for Tom Claus tomclaus
1
93
Inventis Stages
Avatar for Tom Claus tomclaus
1
77
HTML5 & CSS3
Avatar for Tom Claus tomclaus
2
390

Other Decks in Technology

See All in Technology
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
11
390k
AIエージェント開発と活用を加速するワークフロー自動生成への挑戦
Avatar for shibuiwilliam shibuiwilliam
4
280
AI駆動開発における設計思想 認知負荷を下げるフロントエンドアーキテクチャ/ 20251211 Teppei Hanai
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
420
WordPress は終わったのか ～今のWordPress の制作手法ってなにがあんねん？～ / Is WordPress Over? How We Build with WordPress Today
Avatar for tbshiki tbshiki
1
820
20251218_AIを活用した開発生産性向上の全社的な取り組みの進め方について / How to proceed with company-wide initiatives to improve development productivity using AI
Avatar for yayoi_dd yayoi_dd
0
130
Strands AgentsとNova 2 SonicでS2Sを実践してみた
Avatar for Yuuki Yamashita yama3133
0
230
regrowth_tokyo_2025_securityagent
Avatar for h-ashisan hiashisan
0
250
5分で知るMicrosoft Ignite
Avatar for Taiji HAGINO taiponrock
PRO
0
390
1人1サービス開発しているチームでのClaudeCodeの使い方
Avatar for おーしろ noayaoshiro
2
380
GitHub Copilotを使いこなす 実例に学ぶAIコーディング活用術
Avatar for 74th(Atsushi Morimoto) 74th
3
3.4k
Kiro を用いたペアプロのススメ
Avatar for Taiki Sugawara taikis
1
190
Reinforcement Fine-tuning 基礎〜実践まで
Avatar for Morita ch6noota
0
190

Featured

See All Featured
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.8k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
286
14k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k

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