Skip to main content

Next step for the web content: HTML5


Update.

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.


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

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

Comments

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: http://codinginparadise.org/temp/HTML%205%20PSO%20Training%20Slides.pdf
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

Lancement de ProductTank Lyon

Tout d’abord, bonne année 2020. Je me suis investi ces dernières années dans les communautés/événements CARA Lyon, MiXiTConf, LyonDataScience et CaféDevOps sur Lyon, France. Ces activités m’ont permis de comprendre les experts de ces domaines, d’apprendre quelques notions fondamentales à travers leurs exposés et d'améliorer mes capacités d’échange avec eux. Product Manager depuis plus de 5 ans, je désire améliorer mes réflexes et compétences dans mon domaine. Le faire à travers des rencontres/meetup est ce que je préfère et j’aimerais retrouver la stimulation des communautés dans cette discipline. En cette année 2020, quelques Product Manager Lyonnais, lançons, le meetup ProductTankLyon à Lyon, France. Le réseau ProductTank compte plus de 150 meetup dans le monde et profite des conférences, blog et podcast MindTheProduct. Inscrivez-vous ici , si vous voulez vous joindre à nous.

Read bead experiment

The "Read bead experiment" was created by Dr. Edward Deming and aim to demonstrate the ineffectiveness (sometimes effectiveness) of the various management methods. At the end of the experiment, a statistical graphical tool is used to analyse the experiment's results. By following this exercise, you will understand that actions taken by the people playing the managers are detrimental to the employees, but after the analyses are shown to have no impact on the efficiency of the process . The conclusion proposes ways to properly use performance data in a quality environment in order to achieve continual improvement. The several videos by Fluor Hanford (Steve Prevette) posted below, will help you to understand what is really important in a process. Meet the  company  with its "willing workers", quality control personnel, a data recorder, and a foreman. All wish to produce white beads using a 50 holed paddle, but unfortunately there are bad quality red beads.