Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
Lessons from Migrating to OpenSearch: Shard Design, Log Ingestion, and UI Decisions
Avatar for SansanTech sansantech
PRO
1
120
第4回 「メタデータ通り」　リアル開催
Avatar for データ横丁 datayokocho
0
130
世界最速級 memcached 互換サーバー作った
Avatar for yasukata yasukata
0
340
生成AIでテスト設計はどこまでできる？ 「テスト粒度」を操るテーラリング術
Avatar for ks shota_kusaba
0
710
新 Security HubがついにGA！仕組みや料金を深堀り #AWSreInvent #regrowth / AWS Security Hub Advanced GA
Avatar for MasahiroKawahara masahirokawahara
1
1.9k
WordPress は終わったのか ～今のWordPress の制作手法ってなにがあんねん？～ / Is WordPress Over? How We Build with WordPress Today
Avatar for tbshiki tbshiki
1
720
今年のデータ・ML系アップデートと気になるアプデのご紹介
Avatar for Nayuta S. nayuts
1
310
Sansanが実践する Platform EngineeringとSREの協創
Avatar for SansanTech sansantech
PRO
2
830
打 造 A I 驅 動 的 G i t H u b ⾃ 動 化 ⼯ 作 流 程
Avatar for Bo-Yi Wu appleboy
0
290
【AWS re:Invent 2025速報】AIビルダー向けアップデートをまとめて解説！
Avatar for みのるん minorun365
4
510
文字列の並び順 / Unicode Collation
Avatar for とみたまさひろ tmtms
3
570
Power of Kiro : あなたの㌔はパワステ搭載ですか？
Avatar for r3_yamauchi r3_yamauchi
PRO
0
110

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Done Done
Avatar for chrislema chrislema
186
16k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
19k

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