HTML5 intro

•

0 j'aime•289 vues

YoniWeb

A very short internal presentation about HTML5. Slide 20 is the most important one.

Design

O Hai! I’m Yoni

Yoni De Beule, http://www.yonidebeule.be, @yoniweb

I work at Netlash-bSeen
among others.

http://www.netlash.com http://www.minify.be http://www.vlmbuzz.be http://www.wrappp.it

I love building rich, interactive and
forward-thinking websites.

I love building rich, interactive and forward-thinking websites. I stole this from http://www.slideshare.net/ﬂoat/html5-introduction

Rich

Rich content delivered in a semantic way

Photo: http://www.ﬂickr.com/photos/9005106@N02/

Interactive

Interactive user experience thatʼs user friendly

Photo: http://www.ﬂickr.com/photos/dcdead/

Forward-thinking

Forward-thinking while gracefully degrading to older browsers (even IE6)

Photo: http://www.ﬂickr.com/photos/dcdead/

I love building rich, interactive and
forward-thinking websites.

I love building rich, interactive forward-thinking websites. I got this from http://www.slideshare.net/ﬂoat/html5-introduction

I love building rich, interactive and
forward-thinking websites today!

I love building rich, interactive forward-thinking websites today.

JUST DO IT
Practice 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!

Everything you used to do will still work.

Everything you used to do will still work.

Boehoe

Photo: http://www.ﬂickr.com/photos/joe-nathan/

There is a lot of new stuff though!

There is a lot of new stuff though!

I’m listening

Photo: http://russiancatspictures.blogspot.com/

And the new stuff is kick-ass!

And the new stuff is kick-ass!

Fuck yeah

Photo: http://www.logoi.com/picture-movies/chuck_norris.html

1. Simpliﬁed syntax
2. New values and attributes
3. New elements and Javascript APIs

Hallelujah

I could teach, but Iʼm not going to. Thereʼs tons of good presentations and resources out there.

http://diveintohtml5.org/
http://html5doctor.com/
http://slideshare.net/ﬂoat/html5-introduction
http://lmgtfy.com/?q=html5

http://www.yonidebeule.be

Yoni De Beule, http://www.yonidebeule.be, @yoniweb

Contenu connexe

Tendances

Creating File Paths in HTMLJenna Kammer

LISA15: Automated Build and Deployment of Docker Hosts and ContainersBill Fraser

Web 2.0 tools (1)flo15

Finding harmony in web developmentChristian Heilmann

Common web performance recommendationsAlex Painter

Declutter your website: Keep what works, eliminate the restHilary Marsh, Content Company, Inc.

Mozilla the web and youChristian Heilmann

Being Cleverly LazyChristian Heilmann

Future learningictgdeddcu

JAX2013 Keynote - When open-source enables the Internet of ThingsBenjamin Cabé

Matthew Kerrmatthewkerrloyalist

web 2.0jc16122

CK12.ORG presentation at miniCAST El Paso 2016Tim Holt

Technology In Schools What Is ChangingYarmouth Schools

Let’s learn how to use JavaScript responsibly and stay up-to-date. Christian Heilmann

Gee 4 2 Media Or News Rev 5540Mansfield University: LSC5540

The Death of Lorem Ipsum & Pixel Perfect ContentDave Olsen

Endcat509

Do The WorkLori Olson

20 Unterrichtswerkzeuge die Sie noch nicht kennenFachhochschule Burgenland GmbH

Tendances (20)

Creating File Paths in HTML

LISA15: Automated Build and Deployment of Docker Hosts and Containers

Web 2.0 tools (1)

Finding harmony in web development

Common web performance recommendations

Declutter your website: Keep what works, eliminate the rest

Mozilla the web and you

Being Cleverly Lazy

Future learning

JAX2013 Keynote - When open-source enables the Internet of Things

Matthew Kerr

web 2.0

CK12.ORG presentation at miniCAST El Paso 2016

Technology In Schools What Is Changing

Let’s learn how to use JavaScript responsibly and stay up-to-date.

Gee 4 2 Media Or News Rev 5540

The Death of Lorem Ipsum & Pixel Perfect Content

End

Do The Work

20 Unterrichtswerkzeuge die Sie noch nicht kennen

Similaire à HTML5 intro

The Squishy Future of Content - Key Communicators EditionDave Olsen

Things to use, find and shareChristian Heilmann

HTML5 and the web of tomorrow!Christian Heilmann

Hacking For InnovationChristian Heilmann

Infographics - 2012 E3 ConestogaMelanie Parlette-Stewart

The Secret Revolution (Keene State College)Alan Levine

Size Doesn't MatterRoy Degler

My Netvibes Start PagesLisa Stack

Using netvibes in classroomsjoe_maudlin

Untangling The Web For Educatorsmmonjan

Hacking101 delhi 2013Jithin Emmanuel

Discover, Explore, Play, Learn, LoveAnthony Molaro

The Age of Responsive DesignDenise Jacobs

Free Range Content: Unlock Your Content to Increase Your ReachAarron Walter

Finite Incatatem - Accessibility is not black magicChristian Heilmann

Yahoo for the MassesChristian Heilmann

Going deeper engaging your members and allies with social softwareChristopher Wyble

Hacking For Innovation DelhiChristian Heilmann

Digital StudentKyle Pace

Web 2.0 Tools For The Classroom Cape ElizabethMichael Richards

Similaire à HTML5 intro (20)

The Squishy Future of Content - Key Communicators Edition

Things to use, find and share

HTML5 and the web of tomorrow!

Hacking For Innovation

Infographics - 2012 E3 Conestoga

The Secret Revolution (Keene State College)

Size Doesn't Matter

My Netvibes Start Pages

Using netvibes in classrooms

Untangling The Web For Educators

Hacking101 delhi 2013

Discover, Explore, Play, Learn, Love

The Age of Responsive Design

Free Range Content: Unlock Your Content to Increase Your Reach

Finite Incatatem - Accessibility is not black magic

Yahoo for the Masses

Going deeper engaging your members and allies with social software

Hacking For Innovation Delhi

Digital Student

Web 2.0 Tools For The Classroom Cape Elizabeth

Dernier

Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...amitlee9823

Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...babafaisel

The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi

WAEC Carpentry and Joinery Past QuestionsCharles Obaleagbon

VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Servicearoranaina404

Fashion trends before and after covid.pptxVanshNarang19

CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceanilsa9823

Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...home

The Art of Batik, template ppt aestheticTiaFebriani

Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Call Girls in Nagpur High Profile

Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Delhi Call girls

Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...Call Girls In Delhi Whatsup 9873940964 Enjoy Unlimited Pleasure

Case Study of Hotel Taj Vivanta, PuneLukeKholes

CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girlsmodelanjalisharma4

Peaches App development presentation decktbatkhuu1

VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...Call Girls in Nagpur High Profile

VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130Suhani Kapoor

DragonBall PowerPoint Template for demo.pptxmirandajeremy200221

Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588

Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja Nehwal

Dernier (20)

Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...

Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...

The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf

WAEC Carpentry and Joinery Past Questions

VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service

Fashion trends before and after covid.pptx

CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service

Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...

The Art of Batik, template ppt aesthetic

Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...

Best VIP Call Girls Noida Sector 44 Call Me: 8448380779

Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...

Case Study of Hotel Taj Vivanta, Pune

CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls

Peaches App development presentation deck

VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...

VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130

DragonBall PowerPoint Template for demo.pptx

Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...

Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...

HTML5 intro

1. Presentation about HTML5

2. O Hai! I’m Yoni Yoni De Beule, http://www.yonidebeule.be, @yoniweb

3. I work at Netlash-bSeen among others. http://www.netlash.com http://www.minify.be http://www.vlmbuzz.be http://www.wrappp.it

4. I love building rich, interactive and forward-thinking websites. I love building rich, interactive and forward-thinking websites. I stole this from http://www.slideshare.net/ﬂoat/html5-introduction

5. Rich Rich content delivered in a semantic way Photo: http://www.ﬂickr.com/photos/9005106@N02/

6. Interactive Interactive user experience thatʼs user friendly Photo: http://www.ﬂickr.com/photos/dcdead/

7. Forward-thinking Forward-thinking while gracefully degrading to older browsers (even IE6) Photo: http://www.ﬂickr.com/photos/dcdead/

8. I love building rich, interactive and forward-thinking websites. I love building rich, interactive forward-thinking websites. I got this from http://www.slideshare.net/ﬂoat/html5-introduction

9. I love building rich, interactive and forward-thinking websites today! I love building rich, interactive forward-thinking websites today.

10. JUST DO IT Practice 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!

11. Everything you used to do will still work. Everything you used to do will still work.

12. Crisis averted! Crisis averted!

13. Anticlimax. Anticlimax.

14. Boehoe Photo: http://www.ﬂickr.com/photos/joe-nathan/

15. There is a lot of new stuff though! There is a lot of new stuff though!

16. I’m listening Photo: http://russiancatspictures.blogspot.com/

17. And the new stuff is kick-ass! And the new stuff is kick-ass!

18. Fuck yeah Photo: http://www.logoi.com/picture-movies/chuck_norris.html

19. 1. Simpliﬁed syntax 2. New values and attributes 3. New elements and Javascript APIs

20. Hallelujah I could teach, but Iʼm not going to. Thereʼs tons of good presentations and resources out there.

21. http://diveintohtml5.org/ http://html5doctor.com/ http://slideshare.net/ﬂoat/html5-introduction http://lmgtfy.com/?q=html5

22. Questions? Questions?