Skip to main content

Next step for the web content: HTML5


I would like to congratulate Sir Brad Neuberg for the quality of the following HTML5 presentation.
Due to the number of concepts presented in this video, I spent an hour gathering further details about these subjects.
Please find here below, the links and summary, to plunge into the next dimension of the Internet content.

Video timeline:
- Technical History: 0
- Vector graphics: 6
-- SVG: 7:15
-- Canvas API: 10:15
- When Canvas or SVG : 17
- Video: 20:50
- Geolocation:27:25
- Application cache & database: 30:10
- Web Workers: 35:50

Update: Brad's slides are availabe here (PDF).

If you want to test the demos, help yourself. Humm, first of all, make sure you have a modern browser (e.g Firefox 3.5) :

Vector graphic
- 1st person gifter : walk in the game using your keyboard arrow keys,
- SVG Web Toolkit: Animated Population Pyramid,
- Bespin : web code editor. For further explanation watch the mozilla team at Qcon London 2009,
uell : German election Atlas
Canvas: Drawing board

Video: a tag to display a video.
Paul Rouget: sexy videos demo
which format?? Arstechnica: Decoding the HTML 5 video codec debate

Geolocalisation: get user position
htmlfive: Authorise and test

Database: store data related to one page on the user computer
Sticky Notes: work on a web page and store date on your computer

Web workers: like a thread in a program, but for a web content
Mozbox: take care demo without workers freeze the browser
hacks.mozilla: using web workers: working smarter, not harder

I also listened to the interview: "Ric Smith on the Present and the Future of HTML 5"; where they mentioned the following HTML5 specifications:

Post message: send messages from one browser window to another one
John Resig: Cross-Window Messaging,

Web socket: a standard answer to send messages from the server to the web browser. This feature will help to replace Comet.
Kaazing: HTML 5 WebSockets

Please find here below a video, where Brad gives a broader utilisation of HTML5.

diveintohtml5: further details.
Geektechnica: 5 Amazing HTML5 Features to Look Forward to
w3schools: Tutorials on HTML5

 9/27/2009 : Publish
06/13/2010 : Add last video.


Brad Neuberg said…
Thanks for the nice comment on the video! Much appreciated.

I also put the slides up on my website if you want to download them for study:
Franck Depierre said…
Thank you Brad, I set the link in the post.

Popular posts from this blog

Learning about Data Science?

This is the end of a beautiful summer, and also one of the warmer recorded in France. I’m continuing my journey in the product management world and today I’m living in the product marketing one too. I will blog about this later. During this first half of this year, I read several articles on big data and started to understand how important the data science discipline is. Being able to define a direction/goal to search, collecting the proper data, then using a collection of techniques to extract something others can’t see - it sounds like magic. Also, when I listened to the Udacity Linear Disgression podcast episode “Hunting the Higgs”, I understood people with these skills can be better at solving a problem than the domain experts themselves. Katie Malone explained that in a competition to solve a particle physics problem, the best results came from machine learning people. Then I read the article about Zenefit on the vision mobile website : “Zenefits is an insurance compan

Didn't register yet to the European Agile event 29-31 August in Paris?

I tell you, I’m not an expert in agile, just someone who found solution to my professional problems using agile methodologies. If you are convinced too and want to move further, please join us at the end of august, for a lot of open discussions and fun. Things are moving forward in the ALE 2016 organisation. Already, a great diversity of people answer to our call as shown below, but we need more. Yes the ALE 2016 will be great as it has always been since 2011 in Berlin. For those who do not know about the yearly ALE event, please find below a few tips. What is it?  If you do not know yet about the Agile Lean Europe event, here a few tips. ALE is a event for practitioners, meaning people who already practice agile methodologies like developers, modern CEO, teachers, leaders, etc.  Sharing ideas and solving problems are the ALE mains goals: people can propose topics where they share their experience, other can ask to solve a problem the can’t alone  The event formats helps

Unconference Agile Lean Europe 2016 (Paris) - Laissez vous porter.

No EN version yet here, sorry.  Second version. Précision du principe de communauté pour résoudre des problèmes. Ceci est un message personnel à toi qui serais dans le doute par rapport à ALE2016 . Il y a quelques semaines, j’étais à Mix-IT , une conférence de développement informatique / organisation, pour assister Yves Hanoulle dans l’animation du jeu The Scaling Ball Game . Durant les conversations hors des sessions, j’ai échangé avec différentes personnes sur le prochain événement auquel je vais participer : ALE2016 , A ma plus grande surprise, j’ai découvert qu'ALE impressionnait, faisait peur ou était incompréhensible pour ceux qui n’avaient pas encore jamais participé à cet événement. Mon message est simple : Laisse toi aller, viens à ALE2016. Durant les 5 premières premières sessions dans chaque coin de l’Europe, les remarques ont toujours été les mêmes. En repartant, tu auras : Découvert des participants qui sont tous très abordables. Tous viennent à cet évé