Modern Technologies

Modern technologies

What are modern technologies?

• Open Source • HTML5 • CSS3 • Offline •
Realtime • Javascript API's • Multimedia

... Also this presentation! or Google Docs

Advantages?

Living Standard

Also known as a specification Standard?

• required • email • date • number • tel
• search • color • range • speech

http://slides.html5rocks.com/#new-form-types Example Time

http://slides.html5rocks.com/#speech-input Example Time

http://www.wufoo.com/html5/ Example Time

Gradients

background: linear-gradient(top, #000 0%, #fff 100%);

http://www.pukkelpop.be/nl/ Example Time

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

http://lea.verou.me/css3patterns/ Example Time

http://ecsspert.com/play/css3-logos/ Example Time

http://tjrus.com/iphone Example Time

Regions

Custom Filters

http://html.adobe. com/webstandards/csscustomfilters/cssfilterlab/ Example Time

Exclusions

Transformations

http://leaverou.github.com/animatable/ Example Time

http://davidwalsh.name/demo/3d-menu.php Example Time

http://slides.html5rocks.com/#web-fonts Example Time

http://www.google.com/webfonts Example Time

http://hellohappy.org/beautiful-web-type/ Example Time

http://slides.html5rocks.com/#inline-svg Example Time

http://www.sleepstreet.be Example Time

http://slides.html5rocks.com/#web-sockets Example Time

Geolocation API, Camera API, ... Javascript API's

http://slides.html5rocks.com/#video-audio Example Time

http://bubbles.childnodes.com Example Time

http://9elements.com/io/projects/html5/canvas/ Example Time

http://chrome.angrybirds.com/ Example Time

http://slides.html5rocks.com

Browser support

Modern Technologies

Modern Technologies

More Decks by Tom Claus

Other Decks in Technology

Featured

Transcript