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

Mise à jour 05/05/2023 : Le COVID aura tué ma motivation d’essayer de relancer ce meetup. Peut-être que d’autres le feront.  ---- 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 meetups dans le monde et profite des conférences, blog et podcast MindTheProduct. Inscrivez-vous ici , si vou

Wikipedia statistics

Statistics have been published about Wikipedia and Wikimedia ( PDF Here) . The first lines are: According to comScore, Wikipedia is the fourth most popular web property, world-wide. In June, it served 327 million unique visitors. Wikipedia is available in 266 languages. It is continually expanded by approximately 100,000 active volunteer editors world-wide. The English version alone contains more than 2.9 million articles. All language editions combined contain more than 13.1 million articles. Next to English, the largest Wikipedia editions are German (911,000 articles), French (798,000 articles), Polish (600,000 articles), and Japanese (587,000 articles). For more see the original document . Sources : Resource Shelf : Updated: Key Statistics About Wikipedia and Wikimedia Foundation (September, 2009) « ResourceShelf

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