HTML5, une référence pour le développeur web est un livre de 624 pages en couleur, aux éditions Eyrolles, qui s'attache à explorer toutes les techniques, API et avancées du web, d'aujourd'hui et de demain. Après plusieurs mois de rédaction intensive, j'espère que celui-ci sera utile à tous les concepteurs, développeurs, intégrateurs, designers web qui cherchent à s'approprier totalement ce langage qui a été étoffé de moult fonctionnalités, permettant la construction d'applications web et de sites dynamiques de qualité.

La première partie est un concentré de culture générale tournant autour du web et de ses langages, des pratiques de conception et des outils existants. La deuxième partie reprend l'ensemble des éléments HTML5 et leurs attributs en tant que référence du langage. Les chapitres suivants sont consacrés aux nouveautés apportées aux formulaires, aux médias (vidéo, son, canvas), et aux microformats. Suivent alors toutes les interfaces de programmation (API) qui ont été développées autour du langage pour construire de belles applications web (géolocalisation, stockage, fichiers, drag&drop, communications, etc).

Sommaire résumé-détaillé

• Une brève histoire des standards du web
  • Que s'est-il passé depuis HTML 4 ?
  • WhatWG et W3C
• HTML en seconde langue
  • La syntaxe HTML5, l'encodage des caractères, le type MIME
  • HTML5 ou XHTML5 ?
  • Les bons outils, la validation
  • Rappels sur CSS et JavaScript
  • Publier un site en ligne, le protocole HTTP
• Navigateurs et support
  • Panorama et prise en charge
  • Bibliothèques de détection et de modernisation
  • Frameworks HTML
• Éléments et attributs HTML5
  • Éléments racines et méta-information
  • Groupement, liens, sections, titres, listes, texte
  • Contenu embarqué (images et médias), données tabulaires
  • Éléments interactifs et scripting
  • Attributs HTML globaux et nouveautés
• Les formulaires HTML5 (Web Forms)
  • Les nouveaux types pour <input>
  • La construction de formulaires
  • La validation des données
• Microformats (Microdata)
  • Le web sémantique
  • Attributs et vocabulaires
  • L'API DOM, les Rich Snippets
• Audio et Vidéo
  • Conteneurs, codecs, licences et supports
  • Les balises <audio>, <video>, <source>, <track>
  • Interface de contrôle et événements
• Dessin avec Canvas
  • Formes géométriques, chemins, styles de tracés, remplissages
  • Dégradés, motifs, ombrages, transformations, transparence
  • Manipulation d'images, de pixels
  • Animations et jeux, vidéo et audio
  • Et la 3D ? Et SVG ?
• Géolocalisation
  • Se géolocaliser
  • Travailler avec la position et les coordonnées
  • Exploiter une carte géographique
• File API
  • Lecture de fichiers depuis le système
  • Upload avec PHP et XMLHttpRequest 2
  • Drag & Drop
• Drag & Drop
  • Glisser-déposer, événements mis en oeuvre
  • DataTransfer et le drag&drop de fichiers
• Événements envoyés par le serveur (Server-Sent Events)
  • Principe du push
  • Côté serveur et côté navigateur
  • Syntaxe des messages et du dialogue
• Échange d’informations entre documents (Web Messaging)
  • Fonctionnement général
  • Sécurité et format JSON
• Communication en temps réel (Web Sockets)
  • Mise en oeuvre côté serveur et côté navigateur
  • Envoyer et recevoir des données
  • Gérer la connexion et les événements
• Stockage des données locales (Web Storage)
  • Espaces de stockage localStorage et sessionStorage
  • Méthodes pour lire et écrire des données
  • JSON, le dépassement de quota
• Bases de données (Indexed Database et WebSQL)
  • L'aube d'IndexedDB
  • Le crépuscule de WebSQL
  • Philosophies, prises en charge et méthodes de stockage
• Applications web hors-ligne (Offline)
  • Détection online/offline
  • Manifeste et cache des fichiers
  • API Application Cache
• Historique de navigation (History API)
  • Principe et navigation dans l'historique
  • Modification dynamique de l'historique
  • The king of popstate
  • Ancres et événement hashchange
• JavaScript multi-thread (Web Workers)
  • Principe général et fonctionnement
  • Initialisation, terminaison
  • Dialogue avec le Worker, gestion des erreurs
  • Blob à la rescousse
• JavaScript, le DOM, l'API Selectors
  • Les bases de JavaScript et du DOM
  • Propriétés et méthodes de manipulation
  • Gestionnaires d'événements et autres fonctions utiles

Quelques captures de pages

Rendez-vous bientôt sur http://html5.blup.fr pour plus de contenus, des informations fraîches sur HTML5, des codes sources à télécharger. Références ISBN-10: 2212129823, ISBN-13: 978-2212129823.

C'est très engageant de voir nux vomica, tabacum et petroleum pour le mal des transports, même à dose homéopathique (qui est de toute façon tellement diluée que son effet est plus psychologique qu'autre chose).

C'est un endroit idéal pour une petite plongée libre, ou snorkeling (d'où les Snorkies). Certes, il n'y a pas de snorky en vue, mais bien de belles raies paresseuses, survolant les fonds clairs de sable fin. La profondeur varie entre 1 et 3 mètres avec une excellente vision.

Malheureusement, ces quelques aperçus ne traduisent que peu l'intérêt du lieu qui prend naissance à la descente du catamaran. L'idée de plonger l'appareil photo dans l'eau n'a pas reçu l'approbation de tous mes neurones.

L'équipement de base : palmes, tuba et masque. Le maître mot : étanchéité du tuba pour ne pas déguster du caoutchouc au sel.

Dans les algues, quelques mérous patibulaires, des poissons-coffres et des poissons chirurgiens (comme Doris) qui auscultent les patates. Oui, les patates de corail qui sont ces zones sombres que l'on perçoit sous la surface, et qui prennent une toute autre dimension sous la surface : grandes éponges, poissons multicolores et plantes variées, d'îlot sous-marin en îlot pour fretin, Cousteau n'est pas loin. N'oubliez pas d'acheter lunettes de plongée, palmes, etc, ou bien pensez à en louer.

De nombreuses tortues, castées elles aussi pour le Monde de Némo ont trouvé refuge dans ce sanctuaire de carte postale, peu farouches, très amphibies, assez zen face aux oursins.

Gare au grain cependant, la tempête est bien vite arrivée sur la Mer des Caraïbes. Dans ce cas, rester en surface ou chez les Snorkies ne présente pas de grande différence.

Le soleil se couche sur Tobago Cays. C'est le moment de partir à la chasse à la langouste et d'aller prendre un verre chez Robert (aka Robert Righteous), l'ultime fan de Bob Marley perdu sur la petite île de Mayreau.

(... à ne pas confondre avec Tobago, le jeu, qui est un petit paradis stratégique).

Sacré J-Luc. Ses saucisses sont toujours un succès.

Photo et achat © Simon

Perdu, mais tout de même équipé d'une piste privée d'atterrissage.

Les amarrages à Britannia Harbor ne sont pas donnés et bien plus élevés que dans les autres îles.

La baie est typique de ce qui se fait de mieux en anse caribéenne.

La villa de Tommy Hilfiger est très modeste.

L'école primaire : qui n'a jamais eu envie d'apprendre dans ce genre d'endroit ? (Par contre c'est moins amusant durant la récré lors du passage d'un cyclone)

Quelques boutiques locales fournissent les milliardaires en équipement de plage et vêtements de luxe.

Un téléphone sur la plage, mais pas nécessairement en état de fonctionner.

Si vous êtes un milliardaire, voici mon adresse Paypal consultez la Mustique Company pour louer de superbes villas. Il s'agit d'un regroupement de résidents qui cherchent à promouvoir et développer l'île.

Il vous faudra compter 50 000$ par semaine pour cette villa de 7 chambres avec 6 domestiques, piscine, spa, climatisation, douches d'extérieur, et j'en passe :

Les pitons rocheux dominent les baies, anciens cônes volcaniques qui témoignent d'un passé basaltique tumultueux (cette phrase n'est pas issue du National Geographic).

Après le cap Moule-a-Chique naissent les quelques communes de l'île dont les habitants ne disposent que peu de richesses. Le volcan majeur est la Soufrière - à ne pas confondre avec les autres volcans homonymes.

Il s'agit d'un cratère effondré en sommeil, dont la faible activité est cependant visible en surface sous forme de sources de boues et d'eau bouillante...

...qui font blup blup.

Les eaux du sol resurgissent et donnent naissance en contrebas à des cascades grisées.

La sauce est quelque peu corrosive.

La concentration en minéraux est forte comme en témoignent les dépôts.

En bout de chaîne, les "bains thermaux" sont eux aussi très modestes.

"Karib Cable" est le provider local.

Oops !

Ring for service...

Beware, beware !

Du Comic Sans jusqu'ici !

Déroulez et patientez. Un barracuda s'y laisse prendre.

Attention, énergique et peu enclin à se laisser dompter (d'où certainement ce choix pour Mister T de l'Agence Tous Risques), le barracuda dispose d'une dentition affûtée.

Il ne reste plus qu'à le laisser se détendre avec un peu de rhum local.

En effet, dans un souci d'économie d'eau et d'énergie, l'ensemble repose sur un système de pompage d'eau de mer (dans un sens) puis de pompage expulsif vers le monde extérieur (dans l'autre sens). Le défi est d'allier les deux procédures et de les enchaîner en une douce valse bloblotante.

Avant : on prévoit un pré-pompage suffisant d'eau de mer à l'intérieur de la sainte vasque. À éviter très tôt le matin lorsque les muscles sont encore flasques.

Durant la navigation : on prie pour qu'une vague facétieuse ne provoque pas un tangage excessif, ou ne passe par le hublot situé judicieusement à la verticale de l'ensemble du système, et donc de son usager - ce qui pourrait régler le problème du pompage à première vue, mais qui crée au final plus de complications.

Après : on sort toutes les amulettes apotropaïques pour alterner périlleusement la venue d'eau de mer et l'évacuation afin que les tuyaux d'aller et venue se réconcilient. Tout ceci plusieurs fois, par précaution. En somme, que du plaisir, sachant que ladite pompe est bien souvent récalcitrante ou en fin de vie et que l'un ou l'autre mode produit des résultats aléatoire (il arrive que le mode pompage produise le même résultat que le mode expulsion et inversement).

Ô joie.