Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
Web enabled video
Download to read offline and view in fullscreen.



Download to read offline

HTML5 and the future of the web (Dr. Seuss style)

Download to read offline

A presentation on new web technologies written in a Dr. Seuss rhyme style. Learn about new stuff and be able to read to your kids at the same time.

Related Books

Free with a 30 day trial from Scribd

See all

HTML5 and the future of the web (Dr. Seuss style)

  1. HTML5and the future of the web.Chris Heilmann and Crystal Beasley, Mozilla, Webvisions Barcelona 2012
  2. This talk isbeing givenover andover again.
  3. The normal flow is this:★ I show you incredible stuff! (in a special browser build with all kind of flags turned on)★ You try it out later.★ It doesn’t work for you.★ You are behind in fixing that layout glitch in IE8 your boss so wants you to fix.★ I am awesome, you are frustrated.
  4. Something is broken...There seems to be a disconnect between the “web development anddesign scene” and both the market we are working for and thecompanies building the tools we use.
  5. we <3 abstractions! seem to be obsessed with abstractions. Instead of using ideaslike for example vendor prefixes in browsers we write a library to nothave to care about them. This leads to a lot of problems withexperimental implementations becoming necessary features and newdevelopers learning abstractions instead of the core technologies.
  6. Everybody is a creator: Last year: 37 new microlibraries and 10 new “innovative CSS work frameworks”We all want to be creators and build a thing that makes it easier forothers to code. We don’t even follow up any longer if they are used ornot, the concept of having built them makes us already feel great.
  7. “This photo was taken by photographer Jack Bradley and depicts the exact moment this boy, Harold Whittles,hears for the very first time ever.The doctor treating him has just placed an earpiece in his left ear.Date unknown. “I think we have forgotten a bit about the wonder of hearing andlearning and are too focused on building what brings change. Wehave two ears but one mouth and most of the time our speakingto listening ratio does not reflect that.
  8. At Mozilla we have a lot of programs to turn people into webmakers and it isamazing to see how excited kids are doing their first few web things usingMozilla Thimble.
  9. Unless someone like you cares a whole awful lot, nothing is going to get better. Its not.On the flight over here I watched the Lorax based on the book byDr. Seuss and I loved it - especially this quote. I actually got so inspired,that I wrote the rest of this presentation in the style of Dr. Seuss. Thatway all of you in the audience who have kids can read to them andlearn about the future of the web at the same time.
  10. uploaded the whole “poem” to github, where you can find it and use it -be my guest. There are a lot of links in there for you to follow and readat your own leisure.
  11. Theres a big web out there,  its huge - I tell you,  it spans the whole world,  but it was boring and blue…
  12. Then change came about, in the shape of a fox, it was cunning and open, and it broke all the locks.
  13. Others showed up,and joined the good fight, a singer, an adventurer, and a shiny new knight.
  14. These all played together, and spoke the same tongue, which brought back old players,to join them in song. 
  15. A standard was set, and it changed a few things,a richer web for apps, was the promise it brings.
  16. Bah, standards! Who needs them?Some flashy ones said, till a phone that was smart,kicked them out of its bed.
  17. moved past one standard, as web work is richer,so "HTML5 and friends",paints a much better <picture>.
  18. that are fun, should be shiny and cool,thats why the new standardsbring many a new tool.
  19. Watching and hearing,are what people like to do.Using <audio> and <video> is simple,and you can do it , too.
  20. Both of them are web-native,which is a reason to clap.They can interact with other content,and Mozilla Popcorn makes that a snap.
  21. If beats and frequencies arewhat you need to play,check the Web Audio API -it gives you just that - even today.
  22. play nice with batteries,use requestAnimationFrame(),dont let it stop youthat it has such a long name.
  23. 3D graphics are thrilling, as gamers will tell, we now have that on the web and it is called WebGL.
  24. Water goes everywhere you pour it,just ask Chris about his Macbook Air :(MediaQueries allow you be as fluidand respond instead of despair.
  25. Natural movements are smooth,just open your eyes.With CSS animation, transforms and transition,you can mimic this - nice!
  26. "The web means you need to be online",I hear smartypants gloat,well, we have offline storage,so there - take your coat.
  27. Got a cam and some friends,and do you want to chat?WebRTC is what you need,even to show off your cat.
  28. Srsly?Rhymes sometimes dont come easy,as you just became aware.So lets just move ahead quickly,this was just too much to bear.
  29. An artist needs a <canvas>,and HTML5 gave us that.Read, write and convert pixels,All in the client, its mad!
  30."We dont have rich elements!"many people complain,Use Web Components with X-Tagand create them - easy to maintain.
  31. god? password? password123? letmein? ihatethis?Passwords are tough, it is easy to see, so allow login with emails,using BrowserID.
  32. The web is a mess,with third party buttons abound.Web Intents make them pointless,lets not have them around.
  33. Magic and stuff!By design HTML5 is forgiving,its parser is great.It didnt want to break the web,so lets not break it in its stead.
  34. Course you can write weird things,and they will work - theres no doubt.But will they be readable by others?This is what its about.
  35. dont create for yourself,or your friends who are the same.You develop for the next guy,so make sure youre not to blame.
  36. You dont jump in a river,if you dont know its depth.On the web using Modernizr,should be your first step.
  37. Give new stuff to new players,and use it to enhance.Dont support when its not neededIE6 only walks - it cant dance!
  38. With a vendor prefix browsers tell you"this is not ready".So by all means, give them a go,but dont expect to go steady. 
  39. And those prefixes vanish,you mustnt forget!End with a prefixless version,Its your very best bet.
  40. we ask you to help us,build a web that will last.Be future friendly and look forward,and stop building for the past.
  41. web is on phones,tablets, computers, TVs.We have to move it forward.or else our existence will cease.
  42. that is locked up,is not what we are about,so check out Firefox OS,if you like the web - you’ll like it -no doubt.
  43. but not least,if you find somethings wrongplease file a bug and tell us,this is how things get done.
  44. there you have a lot to play with,check out and share.We really want you to do that,come on, show us you care.
  45. Thanks! Christian Heilmann @codepo8 Crystal Beasley @skinnySo well done for reading and listening,and going great lengths,thats all we got time for,so good-bye and thanks!
  • anefzaoui1

    Mar. 7, 2014
  • NagyAndor19951

    Nov. 4, 2013
  • wupsbr

    May. 19, 2013
  • mnikhil

    Aug. 28, 2012
  • faylo

    Aug. 6, 2012
  • YoshiharuAsami

    Jul. 18, 2012
  • javelina

    Jul. 13, 2012
  • shashisatya

    Jul. 10, 2012
  • irodap

    Jul. 10, 2012
  • aravindsraamkumar

    Jul. 8, 2012
  • pradeepbv

    Jul. 8, 2012
  • jawi65

    Jul. 7, 2012
  • Gaurav_M

    Jul. 7, 2012
  • TakeshiWatanabe2

    Jul. 6, 2012
  • webvisions

    Jul. 6, 2012
  • willieoliveira

    Jul. 6, 2012
  • tsouloftas

    Jul. 6, 2012
  • rnavaneethan

    Jul. 6, 2012
  • nestorrojas

    Jul. 6, 2012

A presentation on new web technologies written in a Dr. Seuss rhyme style. Learn about new stuff and be able to read to your kids at the same time.


Total views


On Slideshare


From embeds


Number of embeds