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

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.

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

The PDSA Cycle by Robert Lloyd

Robert Lloyd, PhD from the IHI Open school , gives us a bright introduction to the PDSA (PDCA) cycle and finishes by a practical example in the hospital context. Source : Curiouscatblog : Video-overview of the pdsa cycle