html5 intro
Post on 17-Oct-2014
774 views
DESCRIPTION
A very short internal presentation about HTML5. Slide 20 is the most important one.TRANSCRIPT
![Page 1: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/1.jpg)
Presentation about HTML5
![Page 2: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/2.jpg)
O Hai! I’m Yoni
Yoni De Beule, http://www.yonidebeule.be, @yoniweb
![Page 3: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/3.jpg)
I work at Netlash-bSeenamong others.
http://www.netlash.com http://www.minify.be http://www.vlmbuzz.be http://www.wrappp.it
![Page 4: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/4.jpg)
I love building rich, interactive andforward-thinking websites.
I love building rich, interactive and forward-thinking websites. I stole this from http://www.slideshare.net/float/html5-introduction
![Page 5: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/5.jpg)
Rich
Rich content delivered in a semantic way
Photo: http://www.flickr.com/photos/9005106@N02/
![Page 6: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/6.jpg)
Interactive
Interactive user experience thatʼs user friendly
Photo: http://www.flickr.com/photos/dcdead/
![Page 7: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/7.jpg)
Forward-thinking
Forward-thinking while gracefully degrading to older browsers (even IE6)
Photo: http://www.flickr.com/photos/dcdead/
![Page 8: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/8.jpg)
I love building rich, interactive andforward-thinking websites.
I love building rich, interactive forward-thinking websites. I got this from http://www.slideshare.net/float/html5-introduction
![Page 9: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/9.jpg)
I love building rich, interactive andforward-thinking websites today!
I love building rich, interactive forward-thinking websites today.
![Page 10: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/10.jpg)
JUST DO ITPractice makes perfect
Weʼve been using @font-face, css3 and OOCSS for a while. Time to take the next step. Fork mark-up and the Triton default theme is now HTML5. Letʼs do this!
![Page 11: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/11.jpg)
Everything you used to do will still work.
Everything you used to do will still work.
![Page 12: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/12.jpg)
Crisis averted!
Crisis averted!
![Page 13: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/13.jpg)
Anticlimax.
Anticlimax.
![Page 14: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/14.jpg)
Boehoe
Photo: http://www.flickr.com/photos/joe-nathan/
![Page 15: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/15.jpg)
There is a lot of new stuff though!
There is a lot of new stuff though!
![Page 16: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/16.jpg)
I’m listening
Photo: http://russiancatspictures.blogspot.com/
![Page 17: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/17.jpg)
And the new stuff is kick-ass!
And the new stuff is kick-ass!
![Page 18: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/18.jpg)
Fuck yeah
Photo: http://www.logoi.com/picture-movies/chuck_norris.html
![Page 19: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/19.jpg)
1. Simplified syntax
2. New values and attributes
3. New elements and Javascript APIs
![Page 20: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/20.jpg)
Hallelujah
I could teach, but Iʼm not going to. Thereʼs tons of good presentations and resources out there.
![Page 21: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/21.jpg)
http://diveintohtml5.org/http://html5doctor.com/http://slideshare.net/float/html5-introductionhttp://lmgtfy.com/?q=html5
![Page 23: HTML5 intro](https://reader033.vdocument.in/reader033/viewer/2022051108/5441b42ab1af9ff44d8b4769/html5/thumbnails/23.jpg)
http://www.yonidebeule.be
Yoni De Beule, http://www.yonidebeule.be, @yoniweb