Livre HTML5, une référence pour le développeur web

Je profite d'un billet pour faire connaître un livre qui sortira d'ici peu et qui est déjà disponible en pré-commande sur Amazon, en version numérique d'ici la fin de la semaine, et prochainement dans toutes les librairies (dont Fnac, Alapage, Chapitre, etc). J'en suis l'auteur et

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.

Bonnes adresses à New York

Voici une sélection de quelques bonnes petites adresses à New York, testées et approuvées, pour des moments gustatifs particuliers. Cette liste reste en-dehors des grands classiques, à portée de quelques billets verts.

Serendipity 3

225 East 60th Street

Près du sud de Central Park et de Bloomingdale's dans Upper Midtown, Serendipity 3 est l'endroit idéal pour des glaces monstrueuses.

Sans cette photo, le terme "glace monstrueuse" ne serait que peu significatif. Et encore, il manque un point de référence. Les coupes débordent de joie et d'allégresse. Bien sûr, avec cette dimension il ne faut compter que cela comme repas, bien que d'autres plats soient servis.

Il est très recommandé de venir en avance pour réserver et de se présenter au staff, car il y a souvent deux heures d'attente sur la liste des affamés.

Ess a bagel

831 3rd Avenue + 359 1st Avenue

Ess-a-Bagel, est l'antichambre historique du Bagel. Ici, on ne se limite pas à un vulgaire salade-tomates-oignons. Le nombre de combinaisons possible tend vers l'infini : sortes de bagels faits main, garnitures, cream cheese, l'étal ne peut que vous faire hésiter. Peu de touristes fréquentent cet endroit typique qui propose toujours de la nourriture fraîche.

Ess-a-Bagel est si célèbre qu'il leur arrive d'effectuer des livraisons express dans tous les États-Unis.

Sarabeth

1295 Madison Avenue + 423 Amsterdam Avenue + 40 Central Park South

En bordure de Central Park Est, Sarabeth est une référence pour un petit déjeuner, un déjeuner ou un brunch de qualité, dans l'atmosphère new-yorkaise des voisins du parc. Beaucoup de choix à table et un comptoir où l'on peut acheter quelques produits à emporter.

On en vient à oublier que l'on est au pays des burgers.

Café Lalo

201 West 83rd St

Dans une ambiance européenne, à proximité du Museum d'Histoire Naturelle et de l'Ouest de Central Park, le café Lalo est à n'en pas douter bien caché hors des chemins les plus fréquentés. Pourtant, il propose des gâteaux à profusion, beaucoup plus raffinés que la moyenne, des milk shakes de qualité et des breakfasts bien pensés, très green attitude.

Idéal pour reprendre quelques forces avant de se lancer à l'assaut de Central Park ou du Museum, c'est rafraîchissant.

Garden of Eden

7 East 14th Street

Comme l'indique son nom, Garden of Eden est un paradis proposant des milliers de produits frais, tous variés, allant des fruits et légumes, aux plats chauds prêts à consommer, aux cookies et céréales, aux poissons et viandes, aux fromages et petits pots attirants. Il est bien difficile de se décider pour l'une ou l'autre marchandise, tant la densité de produits multicolores émerveille.

À emporter pour déguster sur Union Square, c'est une combinaison gagnante.

Kitchenette

156 Chambers Street

Dans Downtown, non loin du site du WTC, Kitchenette propose quelques plats et desserts typiques dans un décor qui ne l'est pas moins. Quelques gâteaux vertigineux attirent l'oeil. Des cupcakes maison narguent les passants dans la vitrine.

Faites-en bon usage !

Le stationnement au Touquet

Au Touquet (sobrement sous-titré Paris-Plage), on ne badine pas avec les places de stationnement. Les bornes sont équipées de senseurs, de compteurs à durée limitée, et surtout de mouchards qui semblent prévenir les autorités dès le dépassement de la durée autorisée, et pré-calculer les amendes.

Skynet, vous avez dit ?

Une petite couche en VO pour les touristes :

Fear !

Bien entendu le coup de la panne n'a que très peu de chances de vous sauver.

Liberty Pride

La New York City Pride a eu lieu cette année dans un contexte particulier, après la légalisation du mariage pour les couples de même sexe. Le défilé fut haut en couleurs et plein d'allégresse.

De nombreux goodies sont distribués le long du parcours, qui débute à hauteur de Central Park sur la 5e avenue et prend fin vers Greenwich Village.

Les participants se regroupent bien souvent d'une manière que l'on ne retrouve pas en Europe : par entreprise dans laquelle ils travaillent, par communauté religieuse, par université.

Proun

Proun est un petit jeu gratuit (par défaut mais ouvert aux dons), jouable jusqu'à 4 sur un même écran. Il consiste à suivre un câble central avec une balle tout en évitant les obstacles, en atteignant le maximum de vitesse. Les graphismes sont convaincants et fluides, dans un univers coloré peuplé de formes géométriques.

De nouvelles pistes sont téléchargeables par la suite, créées sous 3D Studio Max. Le jeu est livré avec les plug-ins permettant la création de pistes personnalisées.

Libérez les statues

Vu à la Cathédrale d'Amiens :

Libérez l'orthographe

Boutique leaule

Au Touquet, est-ce vraiment un choix judicieux ?

La High Line

Saurez-vous deviner où cette photo champêtre a été prise ?

Suspens...

Réponse : à Manhattan.

La High Line est un projet de réhabilitation - ou plutôt de reconversion - d'une ancienne ligne de chemin de fer suspendue à New York. Cette ligne desservait au siècle précédent les entrepôts situés à la pointe sud de l'île, dans le Meatpacking District. Elle a progressivement été abandonnée au profit des transports routiers, après les années 50, et laissée à la merci de la rouille et des plantes sauvages. Le dernier train est passé en 1980, et depuis cette structure a été désertée.

Des architectes et paysagistes se sont réunis pour lui donner une nouvelle vie, en restaurant le passage, désormais ouvert aux piétons. Les herbes ont été domptées, en choisissant parmi celles qui avaient colonisé sauvagement l'endroit. À l'origine, les propriétaires des terrains situés en-dessous et le maire souhaitaient sa destruction. En 2004 le projet reçu des fonds de la ville, et fut ouvert au public en 2006.

Quelques rails affleurent. La vue sur l'Hudson est agréable, même si le vrombissement de la ville est proche. Avant d'être suspendue dans les airs, la ligne de train suivait un tracé au sol, surnommé Death Avenue car les accidents y étaient nombreux vers la fin du 19e siècle. Pourtant, des West Side Cowboys précédaient le train en agitant des drapeaux.

La High Line est une promenade intéressante qui passe parfois au travers de buildings plus récents, ayant été bâtis au-dessus et autour des rails à cause de la pression démographique et immobilière. Aujourd'hui, il est prévu que le parc soit encore quelque peu étendu.

C'est un endroit particulier à découvrir pour survoler quelque peu les rues et se retrouver dans des jardins suspendus.

Plus de détails et les points d'accès sur la carte complète. Pour s'y rendre : station 23rd Street (C et E).

Une batmobile secrète ?

Vu dans l'Upper West Side, ce véhicule blindé quelque peu étrange.