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

Other Decks in Technology

See All in Technology
The Rise of Browser Automation: AI-Powered Web Interaction in 2026
Avatar for Marc Thompson marcthompson_seo
0
310
FastMCP OAuth Proxy with Cognito
Avatar for iganin hironobuiga
3
180
Phase04_ターミナル基礎
Avatar for overflow ,Inc overflowinc
0
2.2k
TUNA Camp 2026 京都Stage ヒューリスティックアルゴリズム入門
Avatar for terry-u16 terryu16
0
210
AI時代のIssue駆動開発のススメ
Avatar for Atsushi Nakatsugawa moongift
PRO
0
200
Phase05_ClaudeCode入門
Avatar for overflow ,Inc overflowinc
0
2k
モジュラモノリス導入から4年間の総括：アーキテクチャと組織の相互作用について / Architecture and Organizational Interaction
Avatar for Satoshi Kawashima nazonohito51
5
2.2k
Kubernetesの「隠れメモリ消費」によるNode共倒れと、Request適正化という処方箋
Avatar for g0xu g0xu
0
110
スピンアウト講座02_ファイル管理
Avatar for overflow ,Inc overflowinc
0
1.2k
Astro Islandsの 内部実装を 「日本で一番わかりやすく」 ざっくり解説！
Avatar for Wu Kenji knj
1
260
「コントロールの三分法」で考える「コト」への向き合い方 / phperkaigi2026
Avatar for blue_goheimochi blue_goheimochi
0
140
夢の無限スパゲッティ製造機 #phperkaigi
Avatar for hideki kinjyo o0h
PRO
0
360

Featured

See All Featured
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
140
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.2k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
5.8k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
500
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
75
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
360
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
150
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.8k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
170
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.5k

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