Modern Technologies

Modern Technologies presentation at KHLim on 14 december 2012

Transcript

1. Modern technologies
4. Why?
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?
12. Living Standard
13. Also known as a specification Standard?
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%);
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
35. Custom Filters
36. http://html.adobe. com/webstandards/csscustomfilters/cssfilterlab/ Example Time
37. Exclusions
39. Transformations
41. http://leaverou.github.com/animatable/ Example Time
42. 3D
43. http://davidwalsh.name/demo/3d-menu.php Example Time
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
49. http://slides.html5rocks.com/#inline-svg Example Time
50. http://www.sleepstreet.be Example Time
54. http://slides.html5rocks.com/#web-sockets Example Time
55. Geolocation API, Camera API, ... Javascript API's
57. http://slides.html5rocks.com/#video-audio Example Time
58. http://bubbles.childnodes.com Example Time
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