Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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
79
Budget Travelling
Avatar for Tom Claus tomclaus
4
120
Moderne Web Technologieën
Avatar for Tom Claus tomclaus
1
92
Inventis Stages
Avatar for Tom Claus tomclaus
1
76
HTML5 & CSS3
Avatar for Tom Claus tomclaus
2
390

Other Decks in Technology

See All in Technology
ChatGPTとPlantUML/Mermaidによるソフトウェア設計
Avatar for gowhich501 gowhich501
1
130
これでもう迷わない！Jetpack Composeの書き方実践ガイド
Avatar for ZOZO Developers zozotech
PRO
0
460
Snowflake Intelligenceにはこうやって立ち向かう！クラシルが考えるAI Readyなデータ基盤と活用のためのDataOps
Avatar for harry gappy50
0
200
allow_retry と Arel.sql / allow_retry and Arel.sql
Avatar for Shintani Teppei euglena1215
1
170
CDK CLIで使ってたあの機能、CDK Toolkit Libraryではどうやるの？
Avatar for Makky12 smt7174
4
170
20250910_障害注入から効率的復旧へ_カオスエンジニアリング_生成AIで考えるAWS障害対応.pdf
Avatar for sh_fk2 sh_fk2
3
250
Django's GeneratedField by example - DjangoCon US 2025
Avatar for Paolo Melchiorre pauloxnet
0
150
Language Update: Java
Avatar for Yuichi.Sakuraba skrb
2
300
MCPで変わる Amebaデザインシステム「Spindle」の開発
Avatar for Ameba Spindle spindle
PRO
3
3.2k
Platform開発が先行する Platform Engineeringの違和感
Avatar for KintoTech_Dev kintotechdev
4
570
バイブスに「型」を！Kent Beckに学ぶ、AI時代のテスト駆動開発
Avatar for amixedcolor amixedcolor
2
550
要件定義・デザインフェーズでもAIを活用して、コミュニケーションの密度を高める
Avatar for KazukiHayase kazukihayase
0
110

Featured

See All Featured
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
112
20k
Navigating Team Friction
Avatar for Lara Hogan lara
189
15k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
83
9.2k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
3
620
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
2
41
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.9k

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