background preloader


Facebook Twitter

HTML5Rocks. HTML5. HTML5 presentation. Une petite introduction à HTML5 - NeoBlog. J’ai eu l’opportunité de donner un cours d’introduction à HTML5 à la Web School Factory et à Hétic (mon ancienne école).

Une petite introduction à HTML5 - NeoBlog

Je vais passer les détails du déroulement des cours puisque ça n’intéresse personne (si ?). Par contre, j’ai pensé qu’il serait intéressant de retranscrire mon speech et qu’on en discute (celui qui a dit « autour d’une bière » paye sa tournée !). Pour la forme j’avoue avoir bêtement copié sur Stéphane (qui avait copié sur David, qui avait copié sur… ?

Euh, bref…). Si vous voulez sauter les parties barbantes qui ne vous intéressent pas voici un petit sommaire : Je n’ai pas voulu commencer par un historique de HTML parce que ça ne sert pas à grand-chose. Pourtant, les usages ont complètement changé. Il fallait faire évoluer le langage pour standardiser ce qu’on a bidouillé avec HTML 4.01 ; parce que c’est ce que fait le W3C, ils standardisent. Et, bien sûr, il fallait continuer à sémantiser, mais à moindre mesure (c’est déjà assez compliqué). HTML5. A vocabulary and associated APIs for HTML and XHTML W3C Working Draft 4 March 2010 This Version: Latest Published Version: Latest Editor's Draft:

HTML5 — HTML revisited. Elements and Attributes. How HTML5 will change the Web. Many folks who are just tuning into the HTML5 saga because of the battle between Adobe and Apple are surprised to learn that the push to create a fifth official version of the HTML specification began six years ago.

How HTML5 will change the Web

And that's just the first half of the story because the latest implementations, while nice, are far from standards. The HTML5 demos from Apple, for instance, are impressive, but they only run well on Safari. That's how slowly committees can work. The browser creators and other stakeholders have a big collection of ideas for improving the browser and the Web, and these are gradually coalescing into a fifth generation for the standard. But agreement takes time. While the jokes may sting and waiting for more general adoption is tiresome, it would be a mistake to simply ignore HTML5.

. [ Also on InfoWorld: Despite HTML5, Web designers have good reasons to cling to Flash for rich Web content. HTML5 will change many aspects of life on the Web. Dive Into HTML5. HTML5 Doctor, helping you implement HTML 5 today. HTML 5 and CSS 3: The Techniques You’ll Soon Be Using - Nettuts+ In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3.

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using - Nettuts+

The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along. Before we get started, consider using one of our HTML5 Templates or CSS Themes for your next project—that is, if you need a quick and professional solution. Otherwise, it's time to dig into these techniques. HTML 5 is the next major version of HTML. Before we begin marking up the page we should get the overall structure straight: In HTML 5 there are specific tags meant for marking up the header, navigation, sidebar and footer. It still looks like HTML markup, but there are a few things to note: In HTML 5, there is only one doctype.

Instead of using divs to contain different sections of the page we are now using appropriate, semantic tags. "What?! That's all! 12 resources for getting a jump on HTML 5. Recently I’ve seen a considerable amount of press on blogs and such regarding HTML 5, “the 5th major revision of the core language of the World Wide Web” (W3C).

12 resources for getting a jump on HTML 5

I have virtually no experience (yet) with HTML 5, so as I jump on the bandwagon and begin familiarizing myself with it, I thought I’d share some of the resources I’m reading along the way. So far from what I’m learning, the consensus among several of these articles seems to be this: The world isn’t ready for HTML 5 at large just yet, but we can begin preparing for it by using common, semantic selector names (header, nav, section, etc.) — or even new attribute names — derived from HTML 5 within our HTML 4.01 or XHTML 1.x documents.

This is by no means an exhaustive list, just a start. In each of these you’ll find other resources to help you dig deeper. Photo Download: HTML5 (Infographic) HTML5 examples and demos.