Les livres (X)HTML en français
17 livres et 28 critiques, dernière mise à jour le 23 mai 2024 , note moyenne : 4.4
- HTML5 pour les web designers - A Book Apart n°1
- HTML5, CSS3 et API JavaScript - Coffret de 2 livres - Maîtrisez toute la puissance du HTML5
- HTML5 et WebGL - Coffret de 2 livres - Maîtrisez les nouveaux standards du Web
- Responsive Web Design avec HTML 5 et CSS 3
- HTML5 et CSS3 - Maîtrisez les standards des applications Web
- HTML&CSS - Design et création Web
- HTML5 : Une référence pour le développeur web
- HTML 5 et CSS 3
- HTML5 - De la page web à l'application web
- Introduction à HTML5
- HTML5 pour les web designers
- XHTML et CSS 2 - L'essentiel du code et des commandes
- Design web : utiliser les standards - CSS et XHTML - 2e édition
- Dreamweaver 8 - Avec 50 exercices corrigés
- Design web : utiliser les standards - CSS et XHTML
- HTML & XHTML - La référence
- XHTML et CSS - Cours et exercices
HTML5 pour les web designers
A Book Apart n°1
Résumé de l'éditeur
Syntaxe, éléments mis à jour, images responsive, vidéo, microformats, microdonnées… exploitez au mieux cette spécification en constante évolution en suivant les précieux conseils de Rachel Andrew et Jeremy Keith, qui, avec style et esprit, vont droit à l'essentiel dans ce guide brillant et divertissant.
La mise à jour présente les nouvelles fonctionnalités HTML5 et développe celles qui étaient peu prises en charge il y a 6 ans, aux débuts d'HTML5, notamment tout ce qui a trait à la vidéo.
Édition : Eyrolles - 104 pages, 2e édition, 8 juillet 2016
ISBN10 : 2212144377 - ISBN13 : 9782212144376
Traduction du livre HTML5 for web designers, 2nd ed. publié en 2016 aux éditions A Book Apart LLC ; 14 cm x 21,5 cm ; 232 g ; quadri
- La petite histoire du balisage
- De l'IETF au W3C : la route vers l'HTML 4
- XHTML 1 : l'HTML en XML
- XHTML 2 : sauve qui peut !
- Le schisme : WHATWG TF ?
- De Web Apps 1.0 à l'HTML5
- La réunification
- Le XHTML est mort : vive la syntaxe XHTML !
- L'historique de l'HTML5
- Les principes de l'HTML5
- Principes de conception
- Soyons pragmatiques
- Gestion des erreurs
- C'est grave, DOCTYPE ?
- La simplicité même
- Syntaxe : baliser le sentier
- On n'utilise pas ce genre de langage
- Turn and Face the Strange (ch-ch-changes)
- De nouveaux joujoux : les API JavaScript
- Les médias riches
- Images réactives
- Canvas
- Audio
- Vidéo
- Web Forms 2.0
- Placeholder
- Autofocus
- Required
- Autocomplete
- Datalist
- Types de champs
- Tournés vers le futur
- La sémantique
- Extensibilité
- Nouveaux éléments
- Structure
- Modèles de contenu
- Utiliser l'HTML5 aujourd'hui
- Choisissez votre stratégie
- Nouveaux éléments sémantiques
- Éléments de formulaire HTML5
- ARIA
- Validation
- Impliquez-vous
- Le futur
Ainsi que les auteurs le soulignent, de même que la première version d’HTML héritait de la structure définie par le métalangage SGML, HTML5 s’est d’abord construit à partir des éléments fournis par les versions qui l’ont précédé et des usages qui en étaient faits par les développeurs (« paver le sentier des vaches »). Les nouveaux besoins de ces derniers sont à l’origine des avancées apportées par la dernière version du langage. Celles-ci n’étant prises en compte qu’avec retard par les navigateurs, elles devront être assistées dans l’intervalle par des outils complémentaires, ou remplacées par des solutions alternatives.
S’appuyer sur l’existant
HTML5 est né d’un désaccord. Afin de mettre sur pied un successeur aux versions alors en vigueur du langage HTML, à savoir HTML 4.01 (chap. 1 §1) et son pendant XML-compatible XHTML 1 (chap. 1 §2), le W3C, en charge des spécifications à la suite de l'IETF (chap. 1 §1), eut l’idée de poursuivre la construction de l’édifice ébauché avec XHTML 1 : celle d’un langage reposant entièrement sur des fondations XML. La cohérence théorique de ce nouveau projet baptisé XHTML 2 avait cependant un coût, et non des moindres : les bases nouvelles sur lesquelles il s’appuyait le rendaient parfaitement non rétrocompatible (chap. 1 §3). Préférant à cette voie étroite une approche pragmatique, un groupe de dissidents du W3C, qui prit le nom de WHATWG, se mit à travailler sur un projet alternatif (chap. 1 §4 et 5). Dans le match qui s’ensuivit, XHTML 2 alla une première fois au tapis (chap. 1 §6) avant d’être finalement déclaré K.O. (chap. 1 §7). Les groupes de travail réconciliés allaient enfin pouvoir travailler de concert sur la spécification du nouveau langage initié par le WHATWG, HTML5 (chap. 1 §8).
Le pragmatisme qui, depuis ses débuts, sert de guide au WHATWG dans l’élaboration de ses décisions, a pour conséquence chez ce dernier, prenant le contre-pied du défunt projet rival d’HTML5, de privilégier l’utilisateur au détriment de la théorie, application du principe plus général de priorité des circonscriptions (chap. 2 §1).
Contrairement à XHTML 1.1, qui impose un style de codage particulier et rejette d'emblée tout document XHTML mal formé (chap. 1 §2), HTML5 laisse le développeur libre du choix du style de codage, dont la cohérence dans la mise en œuvre au sein du document pourra néanmoins être validée à l'aide d'un outil lint (chap. 2 §6), et propose une gestion commune des erreurs (chap. 2 §3). Dans le même esprit, HTML5 officialise certaines pratiques hétérodoxes, déjà gérées par les navigateurs, touchant par exemple l’élément a (chap. 2 §8).
Si les pratiques (bonnes ou mauvaises) en usage ne sont ainsi pas remises en question, c’est aussi le cas des éléments du langage (éléments et attributs) existants (chap. 2 §2) : alors que les anciennes versions d’HTML n’hésitaient pas à exclure de la spécification les éléments qu’elles ne jugeaient plus pertinents en les déclarant dépréciés, HTML5 se contente d’en déconseiller l’usage en les déclarant obsolètes (chap. 2 §7).
Les éléments b et i, introduits parmi d’autres pour gérer la mise en forme avant que le langage CSS ne vienne s’y substituer, n’ayant pour autant pas été dépréciés, HTML5 leur attribue une nouvelle affectation. L’élément cite voit aussi son objet redéfini, mais dans un sens plus restrictif que l’usage qui en était fait, ce qui constitue à la fois une exception – d’ailleurs, peut-être la seule – à la philosophie générale d’HTML5 et un des (nombreux) points de divergence entre le WHATWG, à l'origine de cette réforme, et le W3C, en faveur, au contraire, d'une utilisation plus large de cet élément ! (chap. 2 §8)
Le choix de la rétrocompatibilité se traduit dès l’en-tête du fichier HTML, dans la déclaration du type de document, qui ne fait plus mention de la version du langage (ici, en l’occurrence, 5), devenue de fait inutile (chap. 2 §4).
Quant aux standards établis avant HTML5, ils sont a fortiori implicitement pris en compte, ce qui permet d’alléger l’écriture des en-têtes (chap. 2 §5).
Répondre à des besoins nouveaux
Un œil regardant vers le passé afin de valider les pratiques en usage chez les développeurs web, HTML5 sait aussi tourner son regard vers l’avenir lorsqu’il s’agit de tenir compte des besoins nouveaux exprimés par ces derniers.
L’image, qui fait partie des premiers éléments à avoir été introduits dans HTML, souffrait jusqu'à présent de deux limites : indépendante du support, elle n'offrait, de plus, une fois chargée, aucune interaction avec l’internaute. La technique d'image réactive permet désormais d'inclure dans nos pages web des images différenciées en fonction de la taille et de la résolution de l'écran (chap. 3 §1). Elle trouvera l'appui d'un polyfill développé par Filament Group en cas d'absence de support par le navigateur (chap. 6 §2). L’élément canvas, introduit par HTML5, quant à lui, rend l'image dynamique. Les auteurs nous en présentent succinctement le principe. Ils nous mettent également en garde contre les problèmes que cet élément pose en termes d’accessibilité et nous invitent à envisager deux solutions alternatives : un plug-in JS, dont Filament Group est également l'auteur, ou l’utilisation du langage XML SVG. Ce dernier fait l'objet d'une brève présentation, mais les ressources qui l'accompagnent permettront d'en approfondir l'apprentissage (chap. 3 §2).
L’audio et la vidéo sont deux médias au moins aussi populaires, au point que les web designers n’hésitaient pas jusque-là à recourir à des technologies propriétaires telles que Flash ou Silverlight afin d’en alimenter leurs sites web. Les éléments audio et video d’HTML5 permettent à présent d’implémenter ce type de ressource dans la page web de manière native. Les auteurs nous précisent les attributs à éviter (autoplay, loop) ou au contraire à privilégier (controls) pour assurer au visiteur un confort d’utilisation optimal, et nous présentent la nouvelle spécification Web Video Text Tracks (WebVTT) qui rend possible le sous-titrage d'une vidéo afin que celle-ci soit universellement accessible. Conscients, surtout, de la guerre que se livrent les différents formats et de l’absence de support universel qui en est le corollaire, ils nous offrent un extrait de code permettant un fonctionnement de la ressource audio/vidéo quel que soit le navigateur, sous réserve de disposer d’un fichier dans chacun des formats requis (chap. 3 §3 et 4).
Les champs de formulaire, tels qu’ils sont spécifiés jusque dans la version 4 d’HTML, répondent à la grande majorité des situations mais n’offrent pas un confort d’utilisation suffisant face à la complexité grandissante des types de données à renseigner. C’est ce qui a motivé à la fois les premières mises en œuvre de JS et l’une des spécifications originelles du WHATWG : Web Forms 2.0 (chap. 1 §5). Celle-ci, reprise dans le cadre du développement d’HTML5, introduit de nouveaux éléments et attributs dont les auteurs n’oublient pas de nous avertir qu’ils bénéficient d’un support variable selon les navigateurs (chap. 4 §1 à 5). C’est également le cas des types de champs, mais ces derniers présentent l’avantage de pouvoir être utilisés sans risque (chap. 4 §6) et doivent dans tous les cas être préférés à une solution sur mesure (chap. 4 §7).
Certains des nouveaux types numériques pris en charge par les formulaires trouvent leur pendant dans le contenu textuel de la page web (chap. 5 §2).
À l'instar des champs de formulaire, les API sont une autre application de JS qui a trouvé sa place dans HTML après avoir fait l'objet d'une spécification dédiée, en l'occurrence Web Apps 1.0 (chap. 1 §5). Les auteurs mentionnent quelques-unes d'entre elles, parmi les plus récentes introduites avec HTML5 (chap. 2 §9).
Les besoins spécifiques des utilisateurs ont également guidé, à travers les microformats, l'enrichissement de la sémantique. Sans entrer dans les détails, les auteurs nous en présentent le principe, ainsi que l’alternative RDFa, aux visées plus ambitieuses, au prix d'une complexité accrue, et les microdonnées, promues notamment par Google (chap. 5 §1).
Préparer la transition
En matière de sémantique, le progrès le plus important réalisé par HTML5 est sans doute l’introduction de nouveaux éléments de structure. Ces derniers ne font également que concrétiser des pratiques déjà en vigueur chez de nombreux développeurs. Les éléments header, footer, section, etc. ont des rôles bien définis – très clairement expliqués par les auteurs dans des sous-paragraphes dédiés – jusqu’à présent assurés, faute de mieux, par le factotum élément de type bloc div (chap. 5 §3). Ils « introduisent un modèle de contenu complètement nouveau appelé “contenu de segmentation” (sectioning content) » (chap. 5 §4). Les auteurs nous expliquent, exemples à l’appui, une fois de plus de façon simple et claire, comment, selon ce modèle, construire un plan efficace, et la façon dont celui-ci est censé être interprété par le navigateur (chap. 5 §4).
Contrairement aux nouveaux types de champs de formulaire dont l’absence de support n’empêche pas l’utilisation de ces derniers, ceux-ci ayant pris la forme de zones de texte certes classiques mais tout à fait opérationnelles (chap. 6 §3), la non reconnaissance par le navigateur des nouveaux éléments de structure implique l'utilisation d'un palliatif, si l'on veut que le contenu de ces derniers reste parfaitement exploitable (chap. 6 §1).
Une solution consiste à créer de toutes pièces dans le DOM, à l’aide du script html5shiv développé par Remy Sharp (chap. 6 §2), les éléments dont on aura identifié, grâce à un script artisanal – à l'image de ceux que proposent les auteurs dans le cadre de l’utilisation des nouveaux attributs des champs de formulaire (chap. 4) – ou une solution industrielle, telle que le polyfill Modernizr (chap. 6 §2), qu’ils ne sont pas reconnus par le navigateur.
Si les navigateurs, même compatibles, ne savent pas aujourd'hui générer un plan du document basé sur ces nouveaux éléments de structure (chap. 6 §2), ces derniers pourront, en revanche, dans le cadre d'une amélioration de l'accessibilité, être exploités par ARIA, conjointement à l'utilisation de l'attribut role (chap. 6 §4). Celui-ci, s’il est supporté universellement, ne recevra cependant l’acquiescement que du seul valideur HTML5 (chap. 6 §5).
La généralisation du support par les navigateurs des nouveautés introduites par HTML5 sera encouragée par la contribution croissante des développeurs à la diffusion du langage, via leurs échanges avec les membres des équipes chargées des spécifications (chap. 6 §6) ou plus concrètement la réalisation de sites web faisant appel à ces nouvelles technologies (chap. 6 §7).
En conclusion
Comme le rappelle Rachel Andrew dans son introduction, la première édition du livre a été publiée à une époque où la majorité des sites web étaient encore développés avec les prédécesseurs d'HTML5. C'est sans doute la raison pour laquelle sa première partie était entièrement consacrée à ces derniers. Ce faisant, celle-ci – et c'est tout l'intérêt de l'avoir intégralement reprise dans la présente édition – explique la philosophie d’HTML5 et les fondements sur lesquels il repose, aspects essentiels malheureusement trop souvent négligés par les livres traitant de ce langage.
Les différentes stratégies, distillées tout au long de la première édition, pour pallier le retard des navigateurs dans l’implémentation des nouveautés introduites par HTML5, sont toujours d’actualité en raison de la coexistence d’une grande diversité d'agents utilisateur, et ce malgré une prise en charge croissante des fonctionnalités d’HTML5 par une grande partie d’entre eux ; pour cette raison, leur présence dans cette deuxième édition est tout aussi pertinente.
Cette dernière enrichit l'ouvrage d'une mise à jour concernant la redéfinition des éléments historiques (périmètre de l'élément cite) ; de compléments sur les nouvelles technologies récemment introduites : un paragraphe entier est consacré aux images réactives (chap. 3 §1), tandis que d'autres sont complétés par des informations sur WebVTT, SVG et les microdonnées ; de précisions sur la mise en œuvre d'HTML5 par les applications (lint ; génération du plan de document à partir des éléments de structure).
On appréciera la pédagogie et la clarté dont les auteurs font preuve tout au long du livre pour expliquer les subtilités du langage. On restera en revanche sur notre faim concernant les API, mais un sujet aussi vaste ne peut raisonnablement pas être traité dans un ouvrage au format de poche.
Ce livre, enfin, peut constituer un très bon point de départ pour aborder HTML, mais devra être complété par la lecture de livres plus spécialisés quand il s’agira de tirer profit de toute la puissance d’HTML5.
Commenter Signaler un problème
Je vous invite à lire la critique de David Bleuse au sujet du livre HTML5 pour les web designers.
Bonne lecture
Syntaxe, éléments mis à jour, images responsive, vidéo, microformats, microdonnées… exploitez au mieux cette spécification en constante évolution en suivant les précieux conseils de Rachel Andrew et Jeremy Keith, qui, avec style et esprit, vont droit à l'essentiel dans ce guide brillant et divertissant.
La mise à jour présente les nouvelles fonctionnalités HTML5 et développe celles qui étaient peu prises en charge il y a 6 ans, aux débuts d'HTML5, notamment tout ce qui a trait à la vidéo.
[Lire la suite]
- Avez-vous lu ce livre ou pensez-vous le lire ?
- Souhaitez-vous ajouter une critique de ce livre sur la page de la rubrique ?
- Avez-vous un commentaire à faire ?
Retrouvez tous les meilleurs livres pour apprendre la programmation HTML
HTML5, CSS3 et API JavaScript - Coffret de 2 livres
Maîtrisez toute la puissance du HTML5
Résumé de l'éditeur
HTML5 et CSS3
Ce livre sur le HTML5 et CSS3 s'adresse à toute personne appelée à développer, mettre en place, faire vivre un site Web. En effet, pour débuter mais surtout pour progresser dans la conception de sites, il faut inévitablement passer par une bonne compréhension et une parfaite maîtrise du code source des applications Web. Le livre est conçu comme un réel outil de formation, pédagogique de la première à la dernière page, abondamment illustré d'exemples et de captures d'écran et constamment à l'affût des éléments réellement pratiques pour le développeur Web.
Les API JavaScript du HTML5
Ce livre s'adresse aux développeurs de pages et applications Web désireux de tirer pleinement parti des API JavaScript du Html5. L'auteur propose une exploration de ces nombreuses API JavaScript, certaines pleinement opérationnelles, d'autres encore en phase de développement. Le Html5 étant une évolution de portée considérable qui modifie totalement la conception des pages ou applications Web, l'auteur a veillé à adopter une approche pragmatique et explicative, illustrée de nombreux exemples et captures d'écran.
Édition : ENI - 1037 pages, 2e édition, 14 mai 2014
ISBN10 : 2746089238 - ISBN13 : 9782746089235
Partie 1 : HTML5
- Avant-propos
- Premiers éléments de feuilles de style
- Présentation du HTML5
- Le texte - La structuration du document
- Les liens
- Les tableaux
- Les images et arrière-plans
- Les balises sémantiques et d'organisation
- Les formulaires
- Le multimédia
Partie 2 : CSS3
- Présentation des feuilles de style
- Notions de base des CSS
- La police de caractères
- Le texte en CSS
- Les listes et les tableaux
- Les arrière-plans
- Les propriétés de boîte
- Les pseudo-classes
- Les propriétés d'affichage
- Les propriétés d'impression
- Les feuilles de style CSS3
Partie 3 : Les API JavaScript
- Le dessin 2D
- La géolocalisation
- Le stockage de données en local
- Les applications en mode déconnecté (offline)
- Les autres API JavaScript du HTML5
Les API JavaScript du HTML5
- Avant-propos
- Présentation
- L'API Selectors
- La géolocalisation
- Le stockage de données en local -
- L'API Web SQL Database
- L'API Indexed Database
- L'édition de contenu (contentEditable)
- Le mode déconnecté (offline)
- Manipuler l'historique du navigateur
- Le glisser/déposer (drag/drop)
- La sélection de fichiers
- L'API Web Messaging
- Le JavaScript en toile de fond
- L'API WebSocket
- L'API de dessin
Ce livre vient nous montrer que dans ce cas, ce n’est pas nécessaire. En le parcourant, on se rend vite compte que HTML5 et CSS3 ne sont que des versions enrichies de leur homologue des versions antérieures, permettant notamment plus de puissance, une meilleure interactivité entre l’utilisateur et l’application web, et surtout la possibilité de faire de façon native ce qui se faisait avant en ayant recours à un langage côté client comme le JavaScript ou plus encore la technologie AJAX.
Avec une écriture très simple et suffisamment explicite, ce livre, malgré son volume, est très facile à lire et à comprendre. L’auteur a misé sur une certaine exhaustivité, avec des exemples illustratifs donnant au lecteur, la possibilité de tester directement ce que fait chaque balise de façon visuelle. Il faut dire que le HTML5 s’accompagne de nombreuses API JavaScript et de fonctionnalités avancées. Ce livre s’adresse à un public novice en HTML/CSS voulant directement faire du HTML5/CSS3, mais aussi à un public plus expérimenté voulant prendre la main tout de suite sur ce que ces nouvelles versions ont à offrir. C’est une parfaite référence comme livre à avoir à portée de main dans un cadre productif en entreprise.
Le second livre de ce coffret nous parle de façon détaillée des API JavaScript du HTML5. En effet, ce sont justement ces API qui apportent des capacités jamais égalées par le passé au HTML5. De la géolocalisation à la gestion de l’historique du navigateur, en passant par les bases de données locales (côté client), ces API sont le cœur de HTML5 en matière de fonctionnalités évoluées. Ces API sont abordées une à une dans cet ouvrage, et même les API expérimentales. Dans un langage simple, et avec des captures d’écran et des exemples de code, tout est fait pour une lecture et une compréhension confortable du lecteur. C’est le juste complément au précédent ouvrage, dans l’optique d’avoir une compréhension complète du HTML5, et de ce que ça offre comme possibilités et fonctionnalités.
Les publics novices comme expérimentés y trouveront à coup sûr leur compte, avec la possibilité à ceux qui le souhaitent, de télécharger les codes sources des exemples pour une meilleure compréhension des fonctionnalités.
Commenter Signaler un problème
HTML5 et CSS3
Ce livre sur le HTML5 et CSS3 s'adresse à toute personne appelée à développer, mettre en place, faire vivre un site Web. En effet, pour débuter mais surtout pour progresser dans la conception de sites, il faut inévitablement passer par une bonne compréhension et une parfaite maîtrise du code source des applications Web.
[Lire la suite]
- Avez-vous lu ce livre ou pensez-vous le lire ?
- Souhaitez-vous ajouter une critique de ce livre sur la page de la rubrique ?
- Avez-vous un commentaire à faire ?
Retrouvez tous les meilleurs livres pour apprendre la programmation HTML
Kuntz Demazy MBELLA a lu ces livres et vous propose ses critiques.
Il a mis l'accent sur le fait que les nouvelles technologies sont abordables et que tout n'est pas à remettre en question, car l'existant sert souvent de base à ces nouveautés.
Découvrez son avis sur le coffret HTML5, CSS3 et API JavaScript - Coffret de 2 livres
Maîtrisez toute la puissance du HTML5
HTML5 et WebGL
Coffret de 2 livres - Maîtrisez les nouveaux standards du Web
Résumé de l'éditeur
Le livre est conçu comme un réel outil de formation, pédagogique de la première à la dernière page, abondamment illustré d'exemples et de captures d'écran et constamment à l'affût des éléments réellement pratiques pour le développeur Web.
Ce guide sur WebGL s'adresse à tout développeur JavaScript souhaitant réaliser des applications Web en 3D avec l'API WebGL. L'auteur adopte une démarche progressive pour le guider jusqu'à la réalisation d'applications Web 3D complexes et fonctionnelles. Il a sélectionné les algorithmes les plus utilisés et les plus performants et explique au lecteur comment les implémenter en utilisant WebGL.
Édition : ENI - 918 pages, 1re édition, 1er septembre 2014
ISBN10 : 2746083132 - ISBN13 : 9782746083134
Avant-propos
Partie 1 : HTML5
Présentation du HTML5
Premiers éléments de feuilles de style
Le texte
La structuration du document
Les liens
Les tableaux
Les images et arrière-plans
Les balises sémantiques et d'organisation
Les formulaires
Le multimédia
Partie 2 : CSS3
Présentation des feuilles de style
Notions de base des CSS
La police de caractères
Le texte en CSS
Les listes et les tableaux
Les arrière-plans
Les propriétés de boîte
Les pseudo-classes
Les propriétés d'affichage
Les propriétés d'impression
Les feuilles de style CSS3
Partie 3 : Les API JavaScript
Le dessin 2D
La géolocalisation
Le stockage de données en local
Les applications en mode déconnecté (offline)
Les autres API JavaScript du HTML5
WebGL :
Avant-propos
Introduction
Le JavaScript et la 3D
Les fondamentaux du WebGL
Les textures
Les maillages
L'éclairage
Le mouvement
La physique
Techniques avancées
La partie un peu difficile arrive à la fin pendant la description des API Javascript ayant été incluses dans le standard HTML5, n’ayant quasiment jamais fait de Javascript j’ai eu un peu de mal à m’y retrouver dans ce langage sans un petit guide pour débutant, c’est pour moi le premier point négatif du livre. Le second, est un manque d’indications sur les outils de développement. Néanmoins, étant totalement débutant dans le domaine du développement Web j’ai pu, dans l’ensemble, grâce à ce livre, comprendre et apprendre assez facilement comment réaliser un site Web dans un HTML5 et CSS3 totalement valides.
Le livre sur WebGL est vraiment excellent. Il explique vraiment tout ce dont on a besoin afin de faire de belles applications 3D. A chaque explication d’une propriété 3D il choisit l’algorithme (ou l’un des algorithmes) le plus performant pour réaliser cette propriété, et l’explique plutôt bien, bien que pour un ou deux j’ai dû relire les explications deux-trois fois. La partie fort appréciable est qu’il explique très bien les bases de la 3D et cela est non négligeable car c’est une condition sine qua non pour comprendre le reste.
Ayant déjà une bonne expérience avec OpenGL on passe assez bien de cette bibliothèque à son pendant Javascript, bien que n’ayant presque jamais fait de Javascript j’ai eu du mal au début avec la syntaxe propre à ce langage. C’est d’ailleurs, comme pour l’autre livre, un point négatif si comme moi vous êtes totalement débutant en Javascript. Je vous conseille d’avoir aussi un PC pas trop mauvais car les applications 3D dans le navigateur sont gourmandes en ressources. Malgré tout c’est un excellent livre, que je recommande, pour tout ce qui concerne la création d’application 3D sur les navigateurs en Javascript.
Commenter Signaler un problème
Je viens de terminer ce coffret de 2 livres, l'un sur HTML5 et CSS3 et l'autre sur WebGL qui étaient tout deux très bon. Voici d'ailleurs ma critique pour ceux que ça intéresserait d'en savoir plus à propos de ce coffret.
Le livre est conçu comme un réel outil de formation, pédagogique de la première à la dernière page, abondamment illustré d'exemples et de captures d'écran et constamment à l'affût des éléments réellement pratiques pour le développeur Web.
Ce guide sur WebGL s'adresse à tout développeur JavaScript souhaitant réaliser des applications Web en 3D avec l'API WebGL. L'auteur adopte une démarche progressive pour le guider jusqu'à la réalisation d'applications Web 3D complexes et fonctionnelles. Il a sélectionné les algorithmes les plus utilisés et les plus performants et explique au lecteur comment les implémenter en utilisant WebGL.
Connaissez-vous ce coffret ?
L'avez vous lu ?
Pensez vous le lire ?
Responsive Web Design avec HTML 5 et CSS 3
Résumé de l'éditeur
Alors que les usages de navigation sur Internet se multiplient, les sites web restent bien souvent inadaptés à l'écran ou au matériel avec lesquels ils sont consultés. La mise en page des sites reste fixe, le texte est peu lisible, les temps de chargement s'alourdissent, ainsi que parfois les coûts de développement… Avec les principes du Responsive Web Design, développez des sites dont la mise en page s'adaptera de façon harmonieuse et esthétique à tous les supports de navigation !
Grâce aux leçons de cet ouvrage, vous développerez des sites web réactifs ou améliorerez vos sites existants. Vos pages web s'afficheront de façon esthétique sur tous les types et tailles d'écrans, votre code sera plus facilement maintenable, et vous ne perdrez plus de temps et de coûts de développement à créer des versions mobiles de vos sites. Vous maîtriserez facilement les techniques de design avancées (grilles fluides, images flexibles, media queries) et apprendrez à vous servir des nouveautés de HTML5 et CSS3 pour améliorer l'expérience utilisateur de votre site (balises sémantiques, médias, transitions, transformations, animations, ombres, typographie, etc.), quel que soit l'écran ou le support avec lequel il sera consulté, avec un appareil d'aujourd'hui ou de demain.
Cet ouvrage s'adresse à tous les développeurs, intégrateurs ou designers web qui souhaitent apprendre les techniques pour créer ou adapter des sites en Responsive Web Design.
Édition : Pearson France - 288 pages, 1re édition, 15 février 2013
ISBN10 : 2744025674 - ISBN13 : 9782744025679
Traduction du livre Responsive Web design with HTML5 and CSS3 publié en 2012 aux éditions Packt Publishing
- Introduction à HTML5, CSS3 et au responsive web design
- Media queries : gérer différentes zones de visualisation
- Adopter les mises en page fluides
- HTML5 pour les designs réactifs
- CSS3 : sélecteurs, typographie et modes de couleurs
- Superbes effets esthétiques avec CSS3
- Transitions, transformations et animations avec CSS3
- À la conquête des formulaires avec HTML5 et CSS3
- Résoudre les défis liés à la compatibilité des sites réactifs avec tous les navigateurs
Ce petit livre est une introduction au Responsive Web Design. Il explique les objectifs de cette conception et les notions sous-jacentes : grille d'affichage flexible qui ne dépend pas d'une définition donnée, médias flexibles qui ne débordent pas de leur conteneur et ensemble de règles CSS basées sur Media Queries pour appliquer des règles CSS suivant certaines conditions.
Le point fort du livre, c'est l'exemple de site qui sert de fil conducteur tout au long des différents chapitres. J'ai particulièrement aimé la transformation d'un design fixe en design proportionnel.
Le point faible, ce sont quelques erreurs au niveau de certaines propriétés CSS et certains choix de l'auteur qui sont discutables, mais rien de rédhibitoire pour le lecteur qui sait prendre un peu de recul.
En conclusion, si vous souhaitez découvrir l'adaptation d'un site concret en Responsive Web Design, ce livre devrait vous intéresser.
Les fabricants de navigateurs mobiles ont pris cette réalité en compte en faisant en sorte que ces derniers réduisent proportionnellement aux dimensions de l'appareil une page web supposée conçue pour un grand écran. Cependant, une telle fonctionnalité n'est qu'un pis-aller qui ne permet pas d'offrir à l'utilisateur une expérience satisfaisante (chap. 1 §1).
La solution idéale, au dire de l'auteur, réside dans le développement d'un « site web mobile » tirant profit de toutes les possibilités techniques de l'appareil (chap. 1 §2). Celle-ci présente néanmoins l'inconvénient majeur d'être complexe et coûteuse à mettre en œuvre.
Si le budget est limité, le meilleur compromis consistera à réaliser un site au design fluide s'adaptant à toutes les largeurs d'écran (chap. 1 §5 et 10). En outre, le recours aux dernières versions des standards du Web, autrement dit HTML5 et CSS3, permettra de réduire le nombre et la taille des ressources à charger pour les appareils mobiles, dont la bande passante est limitée (chap. 1 §4).
La description de cette stratégie en deux parties constitue le cœur du livre qui s'attache également à nous montrer comment tirer profit des autres fonctionnalités introduites par HTML5 et CSS3.
Construire pour tous les écrans
L'article fondateur d'Ethan Marcotte, publié en 2010, sur lequel le livre s'appuie, combine trois techniques pour rendre un design fluide (chap. 1 §3).
Partant du principe qu'un dessin vaut mieux qu'un long discours, l'auteur a choisi de nous montrer comment fonctionnent ces dernières en les appliquant directement à un exemple en vraie grandeur, celui d'une authentique page d'accueil (d'un site humoristiquement oscaro-sceptique !) (chap. 2 §4).
Abordant le problème de manière volontairement empirique, l'auteur part d'une maquette réalisée pour un grand écran à l'aide d'une grille CSS (chap. 3 §8) qu'il désire, avant toute chose, adapter à une tablette (chap. 2 §6 et 7) en recourant aux media queries (chap. 2 §1).
À cette occasion, il n'oublie pas de nous avertir de désactiver l'auto-redimensionnement des pages web effectué par défaut par les navigateurs mobiles. La déclaration à insérer dans le fichier HTML est particulièrement bien décrite. En revanche, son équivalent CSS n'est que rapidement évoqué dans une note, celui-ci ne bénéficiant, à la date de rédaction du livre, que d'un support limité (chap. 2 §5).
Mais les media queries utilisées seules ne permettent de définir un design que pour un nombre limité d'appareils (chap. 2 §8).
La conversion, dans un deuxième temps, des unités fixes en unités proportionnelles, grâce à une formule simple que l'auteur applique aux dimensions des différentes zones constitutives de la page d'accueil (chap. 3 §3), nous permet d'obtenir un design véritablement universel, s'ajustant à merveille à l'ensemble des écrans dont la largeur est située entre deux points de rupture (chap. 3 §1 et 2).
La méthode d'explication par l'exemple adoptée par l'auteur se révèle particulièrement efficace lorsqu'il s'agit de nous montrer les résultats que permettent d'obtenir les unités proportionnelles appliquées aux tailles des caractères (chap. 3 §4).
Troisième pilier du responsive web design, les images fluides sont particulièrement bien traitées dans l'ouvrage. Celui-ci démontre, en effet, que dans certains cas, il est pertinent d'affecter une valeur (en pourcentage, voire en pixels) différente de celle de 100% que l'on attribue usuellement à la propriété max-width pour que l'image recouvre toute la largeur de son contenant (chap. 3 §5).
De plus, l'ouvrage ne s'arrête pas aux images puisqu'il nous montre comment appliquer la même règle afin de redimensionner les vidéos hébergées localement (élément video) ou le plugin jQuery FitVids à l'intention de celles hébergées à distance (élément iframe) (chap. 4 §9).
Enfin, en allant un peu plus avant dans l'exploration des media queries, on découvrira que la souplesse de ces dernières rend possibles les ajustements les plus subtils (chap. 3 §7) ou la prise en compte d'autres caractéristiques des appareils telles que la résolution de l'écran (chap. 2 §2 et 3, chap. 9 §5).
Tenir compte des capacités limitées des appareils
Si la réalisation d'un design fluide constitue une étape essentielle dans l'adaptation d'un site web aux appareils mobiles, elle ne répond cependant pas à l'ensemble des contraintes imposées par ces derniers. En effet, la taille réduite de l'écran n'est pas la seule limitation inhérente à ces appareils : la bande passante nettement inférieure à celle des ordinateurs de bureau nécessite de diminuer autant que possible le nombre et le poids des ressources externes.
En contradiction avec ce dernier principe, la technique des images fluides, cependant essentielle, comme on vient de le voir, à l'échafaudage d'un design fluide : celle-ci impose, en effet, aux appareils mobiles de charger des images plus grandes que nécessaire sous peine de voir celles-ci agrandies dans les écrans plus larges avec, pour conséquence, une netteté amoindrie. Un script comme Adaptive images, dont l'auteur nous détaille, étape par étape, l'installation et le paramétrage, contourne cette difficulté en permettant le chargement automatisé d'images à la taille adéquate pour les différentes dimensions d'écran (chap. 3 §6).
Quant aux images d'arrière-plan, on peut dorénavant s'en passer, purement et simplement : les valeurs-fonctions linear-gradient et radial-gradient, dont l'auteur nous livre les clés, exemples et illustrations à l'appui, pour réaliser des motifs simples (chap. 6 §6, 7 et 9) ont été adoptées par des designers professionnels qui ont su en exploiter toutes les ressources pour produire des motifs aussi sophistiqués qu'élégants à partir de quelques lignes de code (moins d'1 Ko pour la plupart d'entre eux !) disponibles sur la Toile (chap. 6 §8).
Les nouvelles propriétés CSS3 peuvent de même suppléer les images pour apporter une touche esthétique aux différents éléments d'une page web : l'auteur nous dévoile son propre paramétrage pour, avec text-shadow, obtenir un efficace effet relief (chap. 6 §1 à 4) ; la propriété box-shadow permettra de créer une ombre ou un effet vignette (chap. 6 §5) ; enfin, usant de ces deux propriétés à la fois, alliées à des propriétés CSS plus classiques, l'auteur nous montre, dans le détail, comment habiller un bouton de formulaire (chap. 6 §10).
Une dernière application des images, celle dédiée à la création de polices typographiques personnalisées, est aujourd'hui supplantée par la technique consistant à télécharger celles-ci via la règle @font-face (chap. 5 §8) qui peut aussi être utilisée, selon le même principe, pour importer des icônes (chap. 6 §13). Cependant, dans le premier cas, le résultat obtenu ne correspond pas toujours à celui attendu, mais l'auteur, qui a lui-même été confronté à cette difficulté, nous explique comment la surmonter en une ligne de code (chap. 5 §9).
Certains contenus ou effets requérant jusqu'à présent l'emploi de code JavaScript ou de technologies tierces sont si naturellement présents dans les pages web qu'ils ont depuis été pris en compte par HTML ou CSS et sont aujourd'hui gérés par ces derniers de manière native. Il s'agit en particulier du multimédia (chap. 4 §7 et 8), des interfaces de saisie et mécanismes de validation des champs de formulaire (chap. 8 §1, 2, 3 et 5), et des animations : si l'auteur présente quelques transformations et animations 2D (chap. 7 §1, 2 et 4), il n'aborde, en revanche, les transformations 3D que sous la forme d'un exemple, celui de l'affichage du verso d'une image au survol de souris (chap. 7 §3).
Les économies rendues possibles par les dernières évolutions des standards du Web portent non seulement sur les ressources externes mais également sur le code HTML lui-même.
Ainsi, certains effets esthétiques ne pouvaient jusqu'alors être obtenus sans l'insertion, à cette seule fin, dans le fichier HTML, d'éléments dépourvus de valeur sémantique. Reposant sur ce principe, la technique des « portes coulissantes », servant à créer des coins arrondis (chap. 1 §7), ou celle utilisant des containers pour insérer plusieurs images d'arrière-plan peuvent dorénavant être avantageusement remplacées par une simple mise en application des propriétés CSS respectives border-radius (chap. 1 §8 et chap. 5 §3) et background dans sa version améliorée (chap. 6 §11).
De même, les propriétés CSS3 de multicolonnage permettent de créer un design qui ne pouvait naguère être obtenu sans le recours à des balises HTML superflues (chap. 5 §4) ; les nouveaux sélecteurs CSS3 de sélectionner plus finement les composants de la page web que l'on souhaite styler, sans qu'il soit besoin d'y faire référence à l'aide de classes, voire de balises créées dans cet unique but (chap. 5 §5 à 7).
Ces économies de code sont sans doute plus significatives et pertinentes que celles que procure la syntaxe allégée autorisée par HTML5 (chap. 1 §6), laquelle a en outre pour inconvénient de pécher par manque de lisibilité (chap. 4 §2).
Tirer profit de fonctionnalités nouvelles
L'introduction par HTML5 de nouveaux éléments de structure rend à présent inutile le code boursouflé servant à restituer la même sémantique que ces derniers à l'aide de balises div génériques, classes et commentaires associés. Il s'agit, là encore, d'une appréciable économie de lignes de code, mais plus important est le gain réalisé en termes de lisibilité au profit aussi bien des développeurs que des navigateurs, lesquels seront ainsi capables de reproduire, à partir de ces éléments, un plan de la page web (chap. 4 §3 et 4).
En outre, ceux-ci pourront, à l'intention des lecteurs d'écran, être complétés par des attributs WAI-ARIA dont l'auteur ne nous montre cependant qu'un seul exemple d'application (chap. 4 §6).
L'enrichissement sémantique d'HTML s'étend aux éléments en ligne, dont la fonction de ceux utilisés à l'origine pour appliquer des styles a été redéfinie (chap. 4 §5).
La distinction entre le fond et la forme est ainsi renforcée, et cette dernière plus que jamais dévolue à CSS (chap. 5 §2) qui, outre les propriétés évoquées plus haut, acquiert dans sa dernière version des fonctionnalités supplémentaires (chap. 6 §12) telles que de nouvelles méthodes pour définir les couleurs (chap. 5 §10).
Enfin, la gestion elle-même des ressources est optimisée grâce à la mise en cache de ces dernières – pilotée par un fichier de paramétrage (manifest), dont le contenu est particulièrement bien détaillé dans l'ouvrage – pour une mise à disposition hors connexion (chap. 4 §10).
Ces différents apports d'HTML5 et CSS3, pour enthousiasmants qu'ils soient, souffrent d'un manque de support par les navigateurs les plus anciens. Pour pallier cet inconvénient, on peut envisager dans un premier temps la mise en place d'une alternative simple lorsque cela est possible (chap. 4 §8, chap. 5 §10), ou le recours à la stratégie de dégradation gracieuse (chap. 9 §1), à condition toutefois que les fonctionnalités non prises en charge ne constituent pas des composantes essentielles de la page web (chap. 5 §1).
Ces solutions se traduisant généralement par un rendu de la page web légèrement différent d'un navigateur à l'autre, il sera peut-être nécessaire, avant de les mettre en œuvre, de convaincre le client que cette imperfection est plus que compensée par le gain en temps de développement qu'elles procurent (chap. 1 §1 et 11). Si, en dépit des efforts déployés pour obtenir l'assentiment du client, ce dernier reste attaché à l'idée d'un design parfaitement identique pour tous les navigateurs, ou si la fonctionnalité en cause a sur le comportement de la page web un impact trop important, l'utilisation de polyfills (chap. 1 §9) deviendra incontournable (chap. 9 §2). L'un d'eux, nommé Webshims Lib, corrige la non prise en charge du contrôle des valeurs saisies dans les champs de formulaire en s'appuyant, pour cela, sur le script Modernizr (chap. 8 §4). Utilisé seul, ce dernier, dont la finalité est de détecter le support des différentes fonctionnalités par les navigateurs, assure en outre celui des éléments de structure HTML5 avec le concours d'un autre script, HTML5 shim, qu'il embarque sur demande (chap. 4 §1).
Les polyfills sont nombreux et, associés à Modernizr, c'est autant de fonctionnalités défaillantes que ces derniers peuvent restaurer, les media queries étant l'exemple le plus notable.
Un script représente cependant une ressource supplémentaire, et son chargement un gaspillage de la bande passante pour les navigateurs bien dotés auxquels il est inutile. Ce dernier problème est heureusement résolu grâce à un autre script, YepNope.js (chap. 9 §3), qui permet de charger les solutions correctives de manière conditionnelle, et dont l'auteur nous montre un exemple d'application détaillé (chap. 9 §4).
En conclusion
Parti pris plutôt original et grande force du livre, les principes du responsive web design et les nouveautés introduites par HTML5 et CSS3 nous sont présentés et expliqués directement à travers leur mise en application dans une page web dont on suit la construction tout au long de l'ouvrage. Les erreurs volontairement commises par l'auteur qui se met dans la peau du développeur novice permettent de mieux mettre en lumière l'importance de certaines règles : la réalisation hâtive de designs aux dimensions figées destinés à deux seuls types d'appareils sera corrigée dans un second temps par l'introduction d'unités proportionnelles.
En passant, l'auteur nous fait part de ses choix ou paramétrages personnels (nombres non arrondis, effet relief) afin de nous aider à tirer des fonctionnalités présentées le plus grand profit.
Un autre mérite important du livre est de ne pas réduire la problématique de la conception d'un design multi-appareils à une simple question de largeurs d'écrans : l'auteur exploite au mieux les capacités d'HTML5 et CSS3, tout en s'aidant de quelques scripts, afin de limiter la quantité de ressources à charger.
On appréciera tout autant le fait que l'auteur, d'une part ne perde pas de vue les contraintes du monde réel – budget et délais serrés, client n'ayant qu'une maquette en tête – qui font qu'une stratégie de responsive web design s'avère plus délicate à mettre en œuvre en pratique qu'en théorie, et que, d'autre part, il nous invite à y répondre avec pragmatisme (grilles CSS, dégradation gracieuse) et pédagogie.
Les « rustines » présentées dans l'ouvrage s'adressant plus précisément à Internet Explorer, elles sont, compte tenu de l'actuelle quasi-disparition de ce dernier du monde des navigateurs, moins indispensables aujourd'hui. L'exposé a néanmoins le mérite de nous inciter à rester vigilants quant à la possible diversité de prise en charge par les navigateurs des fonctionnalités à venir, dans un univers du Web où les spécifications évoluent constamment.
En revanche, les paragraphes traitant des nouveaux éléments HTML5 et propriétés CSS3 sans rapport direct avec le responsive web design, sujet central du livre, devraient, selon moi, être retirés de ce dernier au profit de références à des ouvrages qui leur sont entièrement consacrés, rassemblées dans une rubrique « Bibliographie » dont on regrette l'actuelle totale absence.
On déplorera plus encore le manque de soin apporté à cette édition française : espaces intempestives au sein du code et des URL, traductions françaises indésirables de contenus textuels dans le code et de morceaux d'URL (!), variation dans les commentaires HTML entre deux extraits d'un même code, citations et expressions encadrées par des guillemets droits au lieu de chevrons, etc.
De plus, l'impression en noir et blanc ne permet pas d'apprécier correctement les effets d'opacité et d'ombre illustrés dans le livre.
Ces défauts quant à la forme ne sont cependant pas rédhibitoires – les erreurs d'impression et de traduction sont aisément corrigeables par le lecteur – et compensés autant par le style, qui mettra en confiance le lecteur intimidé par cette méthode nouvelle de conception d'un site web, que par le contenu, où le développeur ayant déjà de bonnes notions du responsive web design trouvera, avec les fonctionnalités CSS3 avancées et certains scripts, de quoi enrichir ses connaissances.
Commenter Signaler un problème
Je vous invite à lire la critique de David Bleuse au sujet du livre Responsive Web Design avec HTML 5 et CSS 3.
Bonne lecture
Je viens de lire le livre : "Responsive Web Design avec HTML 5 et CSS 3" de Ben Frain et de poster une note de lecture à cette adresse https://web.developpez.com/livres/in...eb#L2744025674
Alors que les usages de navigation sur Internet se multiplient, les sites web restent bien souvent inadaptés à l'écran ou au matériel avec lesquels ils sont consultés. La mise en page des sites reste fixe, le texte est peu lisible, les temps de chargement s'alourdissent, ainsi que parfois les coûts de développement… Avec les principes du Responsive Web Design, développez des sites dont la mise en page s'adaptera de façon harmonieuse et esthétique à tous les supports de navigation !
Grâce aux leçons de cet ouvrage, vous développerez des sites web réactifs ou améliorerez vos sites existants. Vos pages web s'afficheront de façon esthétique sur tous les types et tailles d'écrans, votre code sera plus facilement maintenable, et vous ne perdrez plus de temps et de coûts de développement à créer des versions mobiles de vos sites. Vous maîtriserez facilement les techniques de design avancées (grilles fluides, images flexibles, media queries) et apprendrez à vous servir des nouveautés de HTML5 et CSS3 pour améliorer l'expérience utilisateur de votre site (balises sémantiques, médias, transitions, transformations, animations, ombres, typographie, etc.), quel que soit l'écran ou le support avec lequel il sera consulté, avec un appareil d'aujourd'hui ou de demain.
Cet ouvrage s'adresse à tous les développeurs, intégrateurs ou designers web qui souhaitent apprendre les techniques pour créer ou adapter des sites en Responsive Web Design.
L'avez vous lu ?
Pensez vous le lire ?
Souhaitez-vous ajouter une critique de ce livre sur la page de la rubrique ?
Comme le HTML est la structure du site web.
Pour le mobile, il y a plusieurs points d'optimisation :
Réduire la taille du code HTML : Le nouveau doctype HTLML 5 est moins verbeux. Les nouveaux éléments de structures (header, footer, aside, ...) évitent de multiplier les div traditionnels.
Réduire les besoins en javascript : Les nouveaux inputs html5 peuvent faire des contrôles côté client sans nécessiter de js ... Sans parler du fait qu'un champ tél ou mél appellera le clavier adéquate du mobile.
Voilà où l'HTML intervient. Après, c'est vrai que les media queries de css qui auront un impact plus important.
HTML5 et CSS3
Maîtrisez les standards des applications Web
Résumé de l'éditeur
Édition : ENI - 471 pages, 1re édition, 1er mars 2011
ISBN10 : 2746062429 - ISBN13 : 9782746062429
Livre (broché) - 17 x 21 cm
- Présentation du Html5
- Premiers éléments de feuilles de style
- Le texte
- La structuration du document
- Les liens
- Les tableaux
- Les images et arrière-plans
- Les balises sémantiques et d'organisation
- Les formulaires
- Le multimédia
- Le dessin 2D
- La géolocalisation
- Présentation des feuilles de style
- Notions de base des CSS
- La police de caractères
- Le texte en CSS
- Les listes et les tableaux
- Les arrière-plans
- Les propriétés de boîte
- Les pseudo-classes
- Les propriétés d'affichage
- Les propriétés d'impression
- Les feuilles de style CSS3
Dans la première partie du livre, l'auteur nous fait redécouvrir les bases du langage HTML, le tout, accompagné de nombreux exemples de code complets illustrés par des captures d'écran. L'auteur s'applique à faire le parallèle entre le HTML4.0 et le HTML5, mettant en évidence ses nouveautés telles que le dessin 2D, les nouvelles balises sémantiques ou encore la géolocalisation, sans oublier de nous rappeler qu'il s'agit d'une technologie qui n'en est qu'à ses débuts.
La seconde partie du livre, dédiée au CSS, suit le même schéma. Allant des notions déjà présentes avant l'apparition du CSS3 jusqu'à ses nouveautés (les nouveaux sélecteurs, les bords arrondis, les polices personnalisées, etc.), là encore, des exemples de code sont également présents tout au long de cette partie afin d'illustrer chaque élément abordé.
En conclusion, j'ai vraiment pris du plaisir à lire ce bon livre que je recommande fortement à tous.
HTML&CSS
Design et création Web
Résumé de l'éditeur
Ce livre est destiné aux designers et développeurs, éditeurs de contenu et créateurs, équipes marketing et e-commerce, blogueurs et passionnés. Vous y apprendrez à écrire du code HTML5 et CSS3, à structurer vos pages et sites web, à préparer vos contenus audiovisuels, à contrôler la typo et la mise en page.
Édition : Pearson Education - 500 pages, 1re édition, 21 septembre 2012
ISBN10 : 274402547X - ISBN13 : 9782744025471
- Structure
- Texte
- Listes
- Liens
- Images
- Tableaux
- Formulaires
- Balisage autre
- Flash, vidéo et audio
- Introduction à CSS
- Couleur
- Texte
- Boîtes
- Listes, tableaux et formulaires
- Mise en page
- Images
- Mise en page HTML5
- Procédure et conception
- Informations pratiques
Chaque chapitre commence par une présentation du thème abordé et se termine par un résumé qui rappelle les points essentiels. Des doubles pages au style identique structurent le contenu ; on identifie immédiatement les exemples, les pages de référence ou les pages de contexte.
Il est regrettable que quelques coquilles se soient glissées dans le code, surtout que l'ouvrage est clairement destiné à des néophytes qui devront garder un oeil critique s'ils remarquaient des incohérences. Espérons que ce soit corrigé dans de futures éditions, car ce type d'ouvrage très visuel est plutôt rare et mériterait d'être appliqué à d'autres sujets techniques.
Vu la qualité de l'ouvrage et son prix, il constitue en cette période de fin d'année un cadeau idéal pour les personnes qui envisagent d'améliorer leurs connaissances dans la création de contenus pour le Web.
Pour autant, il semble que les débutants soient les grands oubliés de cette évolution. En effet, à force de vouloir couvrir l'ensemble de ce qui a été ajouté (et donc de façon partielle puisque les spécifications ne cessent d'évoluer, de se préciser et la prise en charge réelle par les navigateurs est progressive) on en oublierait presque que HTML5 et CSS 3 reprennent aussi les précédentes versions.
De ce fait, un vide assez profond s'est creusé dans la « littérature » entre débuter dans la conception Web et se maintenir à niveau.
C'est précisément ce vide que tente de combler Jon Duckett dans « HTML&CSS. Design et création web ».
Le livre s'adresse aux débutants qui souhaitent apprendre les bases pour créer leur propre site Web, que ce soit en l'écrivant eux-mêmes ou en se basant sur un CMS ou un moteur de blog.
Il commence donc naturellement en présentant les notions de base du HTML : à quoi correspond la notion de balisage, quelle est la différence entre le balisage et le rendu puis une présentation progressive des différentes balises du langage. Le tout étant regroupé en différents thèmes qui permettent d'avancer progressivement dans l'apprentissage et de nombreuses illustrations concrétisant visuellement les points abordés. L'auteur n'hésite pas à présenter d'anciennes façons de coder aujourd'hui obsolètes, mais expliquant pourquoi il est possible de les rencontrer en examinant des sites existants.
Vient ensuite la partie sur CSS. Là encore, l'apprentissage se veut progressif, thématique et visuel grâce à de nombreuses captures d'écran. Malheureusement, passer en revue l'ensemble des capacités et des concepts rendrait le livre trop volumineux, mais l'essentiel y est pour permettre de comprendre le fonctionnement général des feuilles de style.
La dernière partie du livre revient sur les nouveaux éléments de structuration en HTML5 puis à l'étude de certains concepts de Webdesign, en particulier le découpage d'une page sous forme de grille et l'utilisation de bibliothèques CSS basées sur ce concept, avec divers exemples pour appuyer le propos.
Dans l'ensemble, le livre fait bien la part des choses entre les notions fondamentales de HTML et de CSS, les différents éléments de chaque langage et les évolutions récentes de ceux-ci. Si bien que le lecteur se trouve correctement armé pour approfondir son apprentissage.
Bien que facile à lire et bien adapté à son objectif, j'ai quand même déploré certains manques.
Par exemple, les notions d'encodage, pourtant essentielles ne sont pas évoquées. De même, bien que les aspects HTML5 et CSS 3 soient fréquemment rappelés, ils sont abordés de façon trop limitée alors que des concepts anciens (même présentés comme tels) semblent trop présents. Enfin, concernant la partie CSS, quelques points importants sont absents ou trop lacunaires. Si les notions de cascade et d'héritage sont correctement abordées, en revanche rien n'est dit sur le poids d'une déclaration, qui conditionne pourtant beaucoup de choses. De même, un aspect assez complexe de CSS, le positionnement, est décrit de façon un peu trop succincte.
Le livre est donc à conseiller aux débutants. Les thèmes sont abordés de façon didactique et progressive. Quant à l'écriture, manifestement soignée, elle est rendue par une traduction efficace.
Commenter Signaler un problème
Je viens de lire le livre HTML&CSS. Design et création Web.
Ce livre s'adresse aux débutants désirant s'initier au HTML et au CSS.
Ce genre de livre me semble particulièrement utile en ce moment où beaucoup de livres sont publiés pour documenter HTML5 et / ou CSS 3, mais les débutants ont été quelque peu laissés pour compte.
Lire ma critique.
Un joli livre à offrir pour noël ! (pour des dev débutants bien entendu !)
L'avez vous lu/feuilletez ?
Pensez vous le lire ?
L'ayant reçu récemment, je peux également affirmé qu'il s'agit d'un bon livre très intéressant.
Beaucoup d'aspects sont évoqués et pour chacun d'entre-eux plusieurs exemples, à la fois sous formes de code, mais aussi sous forme d'image fournissant un aperçu direct des éléments présentés.
L'auteur ne se contente de balancer ces exemples sans commentaires, il explique bien l'intérêt de chaque élément, les choses à éviter, mais aussi comment obtenir à chaque fois le rendu idéal pour un site digne de ce nom.
En tout cas merci de faire des rubriques référençant les bons livres comme celui-ci
HTML5 : Une référence pour le développeur web
Résumé de l'éditeur
Ce livre fait la lumière sur les spécifications ardues de HTML5 dont il explore l'ensemble des nouveautés. Non sans avoir rappelé son histoire mouvementée au W3C et au WhatWG, l'auteur explique au fil des chapitres comment concevoir des sites et applications web performants et accessibles, et y incorporer des éléments médias (audio, vidéo), créer des zones de dessin interactives et des animations avec Canvas, exploiter les microformats pour un balisage sémantique.
Il détaille pas à pas les interfaces de programmation pour la gestion des fichiers, la géolocalisation, la prise en charge du glisser-déposer (drag&drop), et explique comment stocker des données locales, communiquer en temps réel ou procéder à des échanges interdocuments grâce aux API avancées Web Storage, Web Sockets et Web Messaging. Il aborde enfin les Web Workers, permettant d'exécuter du JavaScript en multithread, et les bases de données (Indexed Database et Web SQL Database) ainsi qu'un cache d'application pour une exécution hors-ligne.
Très illustré, riche en conseils et bonnes pratiques, l'ouvrage se complète d'une référence sur JavaScript et sur la gestion du DOM. Des annexes disponibles en ligne offrent un rappel sur les CSS et un chapitre exhaustif sur ARIA et l'accessibilité.
Édition : Eyrolles - 603 pages, 1re édition, 27 octobre 2011
ISBN10 : 2212129823 - ISBN13 : 9782212129823
- HTML5 et les standards du Web
- Prise en charge par les navigateurs
- Eléments et attributs HTML 5
- Audio et vidéo
- Graphismes avec Canvas
- API HTML 5
- Annexes en ligne
- Feuilles de styles CSS
- Accessibilité et Aria
Le qualificatif de référence est mérité : les chapitres 4 et 5 présentent tous les éléments et attributs HTML. Cela semblera un peu indigeste lors d'une première lecture mais il faut retenir trois choses. Premièrement, ce n'est pas un roman qui se lit d'une traite mais un ouvrage technique dans lequel on viendra piocher au gré de nos besoins; la table des matières très détaillée nous facilitant cette tâche. Deuxièmement, c'est toujours moins aride que les spécifications anglophones officielles du W3C. Troisièmement, les nouveautés sont indiquées de manière graphique, ce qui permet un survol rapide pour le développeur uniquement intéressé par celles-ci.
L'ouvrage parle également des parties audio et vidéo, des canvas, de la géolocalisation, des web workers, des API pour l'interaction avec les fichiers, pour le drag&drop, des nouveaux systèmes de communication (push, web messaging, web sockets) et des nouveaux systèmes de stockage (web storage, indexed database et web sql database).
Bien entendu, la difficulté avec HTML 5 va être la prise en charge par les navigateurs. L'auteur en est conscient et a rédigé le chapitre 3 à cet effet.
J'ai également apprécié la forme. Un livre de 600 pages en couleur, c'est visuellement plus agréable à consulter. Il existe également un site associé (http://html5.blup.fr/) où l'on retrouvera les codes sources exemples et trois annexes complémentaires.
Côté regret, c'est justement que ces annexes ne sont pas intégrées au livre. Je suis concient que le nombre de pages peut être critique mais selon moi, soit on fait un livre plus concis avec des compléments en lignes, soit on assume l'ouvrage de référence et on n'est plus à 50 pages près.
Ceci étant dit, l'auteur a réalisé un travail remarquable. Je le recommande aux développeurs web de tous niveaux.
Le livre se distingue d'un grand nombre de ses homologues par sa forte spécialisation : il ne traite que d'HTML. Seuls de très brefs rappels sur l'histoire et la structure du langage CSS sont apportés dans les chapitres 1 et 2, respectivement, accompagnés dans l'annexe B d'un tableau des principaux sélecteurs et propriétés. Tandis que le chapitre 20 consacré à JavaScript se contente de décrire succinctement quelques éléments du langage en complément d'un paragraphe du chapitre 2 évoquant brièvement son histoire et sa mise en œuvre.
Une des grandes forces du livre - et celle qui saute le plus évidemment aux yeux - est l'exhaustivité. Ainsi, contrairement à ce que laisse suggérer son titre, le livre ne se focalise pas, dans sa deuxième partie, sur les seuls éléments nouvellement introduits avec la version 5 d'HTML : il les traite tous, des plus fondamentaux (html, head) aux plus spécifiques (éléments de traitement des langues non occidentales). Chacun d'eux fait l'objet d'un paragraphe contenant une présentation et des commentaires utiles, et énumérant les éléments parents et enfants autorisés, les attributs spécifiques et les valeurs possibles. Toujours dans un souci d'exhaustivité, l'auteur indique même dans quels cas l'omission de la balise fermante est autorisée (bien qu'une bonne pratique XML-compatible consiste simplement à fermer toutes les balises !) et les styles appliqués par défaut au contenu de l'élément (néanmoins modifiables via CSS). Les attributs globaux (communs à l'ensemble des éléments) font même l'objet d'un paragraphe spécifique. Le nombre d'API abordées dans la troisième partie est également impressionnant, qu'elles aient trait au contenu (dessin, vidéo, audio), à la communication ou au stockage. Le lecteur désireux d'en savoir davantage pourra, enfin, se reporter aux spécifications officielles dont les liens sont indiqués dans chacun des chapitres.
Le livre enseigne également de manière concrète comment gérer la transition de HTML4 à HTML5 : les nouveaux éléments introduits par cette dernière version du langage sont mis en exergue tandis que l'annexe A explique dans quelle mesure ceux-ci peuvent se substituer aux éléments HTML4 obsolètes. La prise en charge de chacun d'eux par les différents navigateurs est décrite dans un tableau. Pour les navigateurs lacunaires, des méthodes de contournement sont détaillées. Il s'agit soit de méthodes spécifiques (simulation de nouveaux éléments de structure ; imbrication des éléments audio/vidéo, object et embed), soit de bibliothèques Javascript. Concernant ces dernières, on appréciera en particulier la précision avec laquelle l'auteur détaille la mise en œuvre du détecteur Modernizr et de l'outil correctif Html5shim/v, destinés à pallier de concert l'absence de support des nouveaux éléments de structure par les navigateurs. On sera également reconnaissant à l'auteur, conscient de la timide prise en charge des API par ces derniers, d'avoir achevé chacun des chapitres consacrés à celles-ci par une liste complète de bibliothèques alternatives.
Si les aspects techniques sont ainsi traités de manière complète, l'auteur ne fait cependant pas l'impasse sur une introduction historique, lorsqu'il juge celle-ci utile : évolution du web ayant conduit à l'avènement d'HTML5 ; rôle joué par le WHATWG dans sa naissance et par le W3C dans sa normalisation ; comment les inconvénients liés, d'une part à l'utilisation de RDFa, d'autre part à celle de Microformats, ont donné naissance à Microdata qui concilie avantageusement la rigueur du premier et la simplicité du second. Lorsqu'il est question d'API, l'introduction est aussi l'occasion de dresser un état des lieux des normes existantes : le chapitre consacré à l'audio et la vidéo effectue ainsi une distinction pertinente entre conteneur et codec.
L'auteur ne se borne pas à présenter les différentes techniques du seul point de vue théorique. Il dispense également quelques bonnes pratiques ainsi qu'une liste d'outils pour le développement, le test et la mise en production. De plus, les techniques suffisamment complexes pour mettre en jeu un nombre important d'attributs différents (image cliquable ; Microdata) sont chacune illustrée par un exemple de mise en œuvre concrète. Pour chaque API, ce n'est rien moins qu'une véritable application faisant appel à HTML, Javascript et parfois PHP qui est détaillée au cœur du chapitre qui lui est consacré (à titre d'exemples, on citera une interface graphique personnalisée pour lecteur audio, une application de dessin, une fonction de zoom sur une vidéo ou une application de positionnement sur une carte). A ce propos, le choix exclusif de PHP (pour des raisons sans doute liées à la culture ou aux compétences de l'auteur) dans les quelques exemples de mise en application requérant l'utilisation d'un langage côté serveur peut cependant apparaître comme un obstacle à des lecteurs ayant fait le choix d'autres langages. Enfin, par leur présence, les chapitres consacrés à Microdata (notamment le paragraphe dédié aux vocabulaires spécifiques développés par Google) et WAI-ARIA apportent des éléments importants sur le référencement et l'accessibilité.
Le légitime effort que nécessite l'assimilation de l'imposante quantité d'information contenue dans cet ouvrage est facilitée par une présentation claire et un humour distillé tout au long de celui-ci avec mesure.
En conclusion, de par sa spécialisation, le livre ne s'adresse pas à un lecteur qui souhaiterait acquérir les bases nécessaires à la construction de son premier site web. La présentation des éléments, dans la deuxième partie, de manière indépendante dans autant de paragraphes distincts présuppose au contraire que le lecteur sache déjà au moins en partie comment ces différents éléments interagissent entre eux. Les exemples du livre consacrés aux éléments graphiques et surtout aux API recourant respectivement à CSS et Javascript, afin de tirer le plus grand profit du livre, le lecteur devra également se prémunir d'un minimum de maîtrise de ces deux technologies, acquise par exemple à travers la lecture d'un des ouvrages spécialisés dont l'auteur de celui-ci donne une liste dans le chapitre 2. Le livre se présente en revanche comme : un complément extrêmement utile à celui qui souhaiterait enrichir de premières connaissances acquises en HTML ; à celui qui maîtriserait les fondamentaux du langage, un moyen d'aborder les API de manière pragmatique et efficace ; pour tous enfin, un ouvrage de référence à garder toujours à portée de main une fois terminée la phase d'apprentissage et débutée celle du développement.
Un livre à garder sous le coude lors du développement.
Les notions expliquées dans ce livre sont :
- le nouveau balisage ;
- l'incorporation des éléments médias (audio et vidéo) ;
- la création de zones de dessin ;
- la géolocalisation ;
- la prise en charge du glisser-déposer communément appelé : Drag&Drop ;
- la communication en temps réel ;
- les sockets ;
- les animations ;
- les transitions ;
- le référencement ;
- les bases de données SQL ;
- ... et j'en passe.
Commenter Signaler un problème
Je vous propose ma critique du livre HTML 5, une référence pour le dévloppeur web de Rodolphe Rimelé.
Avez-vous également lu ce livre?
Qu'en pensez vous?
C'est au tour de Aooka de nous proposer une critique de cet ouvrage. Il nous explique que c'est un outil à garder près de soi lors de ses développements.
Découvrez les critique du livre : HTML 5, une référence pour le développeur web
Liens utiles :
Les livres sur le HTML
Les livres sur le développement Web
David Bleuse nous propose également une critique de ce livre malgré une parution qui n'est plus si récente. Et pourtant, il estime ce livre tout à fait intéressant encore aujourd'hui (ne serait-ce que pour se souvenir d'où on vient), pour un public averti cependant.
Découvrez les critique du livre : HTML 5, une référence pour le développeur web
HTML 5 et CSS 3
Résumé de l'éditeur
CONCIS ET MANIABLE : Facile à transporter, facile à utiliser !
PRATIQUE ET FONCTIONNEL : Plus de 100 séquences de code prêtes à l'emploi pour répondre aux situations les plus courantes et tirer pleinement profit de HTML5/CSS3.
Édition : Pearson Education - 390 pages, 1re édition, 1er mars 2011
ISBN10 : 2744024775 - ISBN13 : 9782744024771
- Les bases du HTML5/CSS3
- Ossature d'un document HTML5
- Mise en forme d'un document HTML5 avec CSS3
- Textes et polices
- Regroupement du contenu
- Les éléments interactifs
- Liens hypertextes
- Coins arrondis et ombres
- Transformations 2D
- Transitions
- Menus
- Les formulaires
- Les tableaux
- Evénements et gestion événementielle
- Éléments graphiques et multimédias
- HTML5 avancé
Les explications sont vraiment claires, on comprend tout de suite comment on utilise les balises HTML5 ou les fonctionnalités CSS3. Le seul bémol pour moi de ce livre (c'est juste un avis personnel) est que toutes les fonctionnalités auraient pu faire l'objet d'un petit projet que l'on améliorerait au fur et à mesure du livre avec ces différentes fonctionnalités.
Ce livre est donc une excellente référence pour toutes les personnes qui souhaitent avoir un aide-mémoire à portée de main, ou bien pour voir d'un coup d'œil rapide la plupart des nouveautés du HTML5 et du CSS3.
Commenter Signaler un problème
Nous avons lu pour vous cette ouvrage :
HTML 5 et CSS 3: Amazon.fr: Michel Martin: Livres@@AMEPARAM@@http://ecx.images-amazon.com/images/I/51XEQR7TY2L.@@AMEPARAM@@51XEQR7TY2L
Et fait une critique.
L'avez-vous lu ? Si oui, qu'en avez-vous pensez ? Si non, pensez-vous le lire ?
HTML5 - De la page web à l'application web
Résumé de l'éditeur
Les auteurs utilisent déjà la plupart des fonctionnalités et des API (syntaxe, formulaires, websockets, off line, multimedia, géolocalisation) présentées en conditions réelles et discutent sans concessions des limites d'utilisation d'HTML5.
Les chapitres sont indépendants les uns des autres, et peuvent donc se lire dans n'importe quel ordre. Chaque point est traité comme suit :
- la théorie avec des exemples de code ;
- la pratique avec une démo ;
- une discussion sur les bénéfices et les limites ;
- le support navigateur et la méthode de contournement.
La première partie aborde principalement les changements concernant le code HTML, la sémantique et l'accessibilité.
La seconde partie explore les fonctionnalités des applications web qui peuvent enrichir les sites actuels et présente de nombreux exemples de code JavaScript
Édition : Dunod - 256 pages, 1re édition, 7 juillet 2011
ISBN10 : 2100565281 - ISBN13 : 9782100565283
- L'évolution de HTML4.
- Introduction à HTML5.
- La syntaxe et les nouvelles balises.
- Les formulaires 2.0.
- Microdata.
- ARIA t'emmène au pays de l'accessibilité.
- Les applications web : les API.
- Audio et vidéo.
- Canvas.
- Envoyer des fichiers en glisser-déposer.
- La géolocalisation et l'API Google Maps.
- Le Web déconnecté. WebSockets : l'ère du temps réel.
- Annexe - Fiches pratiques.
Concis, l'ouvrage va droit au but et ne parle (presque) que du HTML5 et des technologies connexes. Il n'y a absolument rien à jeter et on en redemande à la fin. C'est le genre de lectures que l'on freine pour garder quelque chose à lire au lendemain de sa réception !
J'ai surtout apprécié les chapitres sur les Microdatas et « Aria au pays de l'accessibilité ». En les plaçant bien avant l'audio/vidéo, Canvas et les autres API, les auteurs du livre accordent une importance louable à l'enrichissement de la sémantique des sites et à l'amélioration de l'accessibilité Web, là où c'est possible à présent avec l'HTML5.
J'ai tout de même été surpris que le livre passe très vite à la fin sur des API que je juge essentielles, implémentées par tous les navigateurs modernes. L'API History à titre d'exemple aurait mérité au moins une page d'explication et des exemples de code, car le Web doit se débarrasser au plus vite de la dictature des Hashtags et « revenir au bon vieux principe du Web : 1 URL = 1 page ».
Ceux qui apprécient comme moi l'écriture semi-formelle des blogueurs seront ravis. Des pointes d'humour décalées viennent rendre la lecture plus plaisante. Quoique certaines vannes manquent à mon avis de finesse. Mais bon, à chacun son métier.
Les fiches pratiques en fin d'ouvrage regroupent les mots clés, méthodes et niveau de support sur les navigateurs, de quoi alléger vos pense-bêtes.
Enfin, des QR code très pratiques permettent d'accéder aux démonstrations, bien que je préfère l'approche des liens raccourcis, car une grande partie des démos ne fonctionnent pas sur Safari Mobile.
Vous êtes développeur Web et vous n'avez pas encore lu cet ouvrage ? Dommage :p
Co-écrit par Jean-Pierre Vincent et Jonathan Verrecchia, ce livre présente l'état dans lequel se trouve ce fameux HTML5 de nos jours. De manière claire et parfois trollesque, les auteurs vous présentent les différents modules déjà exploitables, et, point le plus intéressant, leurs limites. Ils n'hésitent pas à comparer les principaux browsers.
Étant développeur desktop et mobile, je m'intéresse depuis quelques temps à l'aspect web-app et application native mixte (C++ pour le cour et HTML pour l'interface). Savoir ce que permet le HTML5 est ce que je cherchais. Ce livre a très bien répondu à mes questions. J'ai beaucoup apprécié la manière de présenter les choses et leur humour un peu décalé. Il m'a permis de mieux comprendre en quoi le HTML5 est une petite révolution. Si HP l'a choisi pour son défunt WebOS ou Intel pour son futur OS, Google pour des appli Chrome..., ce n'est certainement pas pour rien!
Si vous voulez connaître les browsers implémentant un module particulier ou à partir de quelle version, les annexes sont là pour répondre à ces questions. Et si vous avez peur que certaines explications ne soient plus à jour, les auteurs donnent des liens très intéressants à mettre dans vos favoris.
Les auteurs du livre expliquent dans un style très clair, avec une touche d'humour qui le rend très agréable à lire, ce que représente l'HTML5 par rapport à son prédécesseur, ce qu'il apporte réellement et ce qu'il réserve pour un futur proche. Pour chaque fonctionnalité, le livre dresse la liste des navigateurs qui la supportent à l'heure actuelle, les techniques alternatives à utiliser sur les autres navigateurs, et l'avantage d'utiliser cette fonctionnalité HTML5 par rapport à ces alternatives.
HTML 5 ne sera pas totalement prêt avant 2022, mais le livre explique pourquoi il faut s'y mettre dès maintenant et guide ses lecteurs à travers ses différentes API. On y trouve plusieurs exemples des fonctionnalités HTML5 qu'on peut utiliser dès à présent, comme les formulaires 2.0, l'intégration des médias riches via les balise audio et video, les dessins 2D avec Canvas ou la géolocalisation avec ou sans Google Maps (qui, d'ailleurs, ne fait pas partie d'HTML5). On y trouve même des exemples un peu plus évolués comme le système d'envoi de fichier avec glisser-déposer, une application Web en mode déconnecté, ou la démo d'un chat basé sur l'API WebSockets.
L'idée de fournir une version en QR codes des liens des différentes démos est excellente, surtout quand on lit le livre loin de son PC, mais elle n'est pas vraiment pratique avec ce livre, du fait que le site du livre (qui contient les différentes démos) ne dispose pas d'une version mobile (testé sur Safari et Opera sous iOS).
Le livre "HTML 5" de Jean-Pierre Vincent et Jonathan Verrecchia est un des premiers ouvrages sur le sujet écrit pour un public francophone. Je dois avouer que le résultat m'a bien plu. Il est agréable à lire (humour inside) et pratique (exemples de code, fiches en annexes). Les auteurs ont une approche très pragmatique ; ils présentent ce qui est immédiatement utilisable, dans quelles conditions et les solutions de contournement le cas échéant.
J'ai également apprécié les QR codes qui permettent de nous envoyer directement sur les démonstrations en ligne. Je regrette juste que le navigateur web de mon téléphone ne s'en sorte pas mieux mais ça, ils n'y peuvent rien ! En revanche, même si j'en comprends les raisons, je n'ai pas aimé les conventions adoptées pour le nommage des variables Javascript (histoire de goût).
Rédiger un ouvrage sur une technologie dont les spécifications et les multiples implémentations sont écrites en parallèle n'est pas sans risques et avec leur plan sans accrocs, je trouve que notre "HTML5 Team" a réussi sa mission. J'espère que le succès sera au rendez-vous pour les remercier de ce travail d'explorateur et pour les encourager à le mettre à jour dans les années qui viennent.
Développeur, si tu veux pousser cette technologie bien avant 2022, lis ce livre et surtout, mets en application !!!
Application web (bien entendu ;o))
Commenter Signaler un problème
Dunod sort un livre très concret sur les nouveautés de la technologie web
Non, le HTML 5 ne se résume pas aux nouvelles balises vidéo et canvas !
La nouvelle version du HTML est, en résumé, une trousse à outil complète (et donc de plus en plus complexe), qui fait passer la technologie du stade de langage pour page Web à celui de technologie pour applications hébérgées (d'où le titre du livre qui vient de sortir chez Dunod).
Le fait que les acteurs majeurs du secteur (Google, Mozilla, Microsoft ou Facebook pour n'en citer que quelques uns) aient décidé de sauter le pas pour leurs services ou leurs applications montrent également que le HTML5 est plus qu'un effet de mode sans lendemain.
D'où l'intérêt pour les développeurs de maîtriser cette complexité pour pouvoir accompagner les évolutions du Net en se familiarisant dès à présent avec ces nouveaux outils.
C'est ce que se proposent de faire Jean-Pierre Vincent et Jonathan Verrecchia, tous les deux développeurs web chevronnés, avec un livre qui donne un aperçu complet et quasi-exhaustif des applications possibles du HTML5.
L'ouvrage, très agréable à lire, se divise en trois parties. La première aborde les changements concernant le code HTML et la sémantique. La seconde traite des fonctionnalités liées aux applications web et aux manières d'enrichir des sites. Enfin, des annexes proposent des fiches pratiques qui résument chaque API (websockets, hors-ligne, géolocalisation, etc.).
A la fois introduction, manuel et pense-bête, ces 11 chapitres sont bien sûr agrémentés d'extraits de codes et d'exemples concrets.
Pour compléter le tout, le livre renvoie également à un site web dédié avec de nombreux exemples d'interfaces ou d'animations qui utilisent le potentiel du HTML 5.
Bref, « HTML5, De la page web à l'application web » est un ouvrage complet, très bien écrit et qui aborde de manière concrète une technologie en plein essor. Un livre qui pourra intéresser fortement « tous les développeurs, étudiants ou amateurs éclairés qui savent déjà coder un site web en (X)HTML et en JavaScript ».
Et qui souhaitent se plonger dans les nouveautés du langage.
Consultez un extrait gratuit ou commandez « HTML5, De la page web à l'application web »
2011, 256 pages, EAN13 : 9782100565283
Prix TTC France 26,50 €
En l'écrivant, j'ai beaucoup pensé aux forums de developpez.net étant donné que c'est ici que j'ai eu les retours les plus utiles sur ce qu'attendent les lecteurs de bouquin d'informatique (http://www.developpez.net/forums/d10...z-livre-html5/)
Outre l'extrait gratuit sur le site de l'éditeur qui est tiré de la partie sémantique (le "vrai" HTML), je vous prépare une adaptation d'un des chapitres sur un uploader en JS, dit HTML5, à base de drag and drop de fichiers depuis le bureau, de sélection multiple de fichiers et d'affichage de barre de progression.
Ca sera dans les tutos sur developpez.
Et vous, l'avez vous lu ?
Allez vous le lire ?
Qu'en pensez vous ?
Introduction à HTML5
Résumé de l'éditeur
Édition : Pearson Education - 240 pages, 1re édition, 1er février 2011
ISBN10 : 2744024767 - ISBN13 : 9782744024764
- Structure générale
- Texte
- Formulaire
- Vidéo et audio
- Canvas
- Stockage des données
- Mode déconnecté
- Glisser et déposer
- Géolocalisation
- Messages, ouvriers et sockets
Ce livre composé de dix chapitres nous fait un petit tour des nouvelles possibilités que nous offre le HTML.
Détail important, il est bien précisé dans le livre que celui-ci n'est pas un ouvrage de référence, mais bien un livre de découverte : de fait, il est possible de le lire en diagonale ou suivant le chapitre qui nous intéresse.
Le début du livre est assez intéressant, on nous propose un historique et on nous relate l'analyse qui a été faite sur une série de sites pour relever la structure et les mots-clés utilisés afin de pouvoir créer de nouvelles balises plus adaptées aux besoins des acteurs du Web.
Quand j'ai commencé à lire, j'ai eu beaucoup de mal à accrocher, le sujet choisi pour développer les nouveautés ayant trait au 'TEXT' a été le blog, ce choix ne me semble pas pertinent vu la pléthore de projets de blog existants et surtout la confusion mise en place par la balise "article".
On s'amuse beaucoup plus quand on commence à voir les formulaires et les possibilités qu'offrent certaines type comme « email » input type= ''email'' ... .
Les grand concepts sont vus au cours de la lecture, que ce soit multimédia, géolocalisation ou le stockage.
Ce livre, en plus d'être beau, vous permettra d'avoir un rapide aperçu des possibilités de HTML5 et vous permettra de mettre le pied à l'étrier.
HTML5 pour les web designers
Résumé de l'éditeur
Édition : Eyrolles - 87 pages, 1re édition, 30 septembre 2010
ISBN10 : 2212128614 - ISBN13 : 9782212128611
- La petite histoire du balisage
- Les principes de l'HTML5
- Les médias riches
- Web Forms 2.0
- La sémantique
- Utiliser l'HTML5 aujourd'hui
Tout comme cela a été le cas il y a quelques années avec AJAX, HTML5 semble pour beaucoup une montagne difficilement abordable et franchissable. Ce livre vous montrera que (comme pour AJAX), il s'agit d'une idée fausse.
Bien que le titre semble indiquer que le livre est essentiellement destiné aux web designers, je dirais plutôt qu'il s'adresse à tous ceux qui n'ont pas eu l'occasion de suivre l'évolution du HTML5 et qui souhaitent se mettre à niveau sur l'état de cette nouvelle spécification, dont une part importante est d'ores et déjà utilisable.
S'appuyant sur des exemples concrets et des explications claires (notons aussi la qualité de la traduction), l'auteur aborde les grandes évolutions apportées par le HTML5. Attention toutefois, il ne s'agit pas ici de s'étendre sur des points trop spécifiques (par exemple, vous découvrirez les bases nécessaires pour intégrer une balise <canvas>, pas pour créer une image avec cette balise) mais de montrer comment mettre en place les nouveautés de la norme sur un site. Pour autant, les points essentiels et déjà suffisamment implémentés par les navigateurs sont abordés. En particulier, la partie concernant les nouveaux éléments de formulaire constitue un excellent aide-mémoire.
En revanche, on regrettera l'absence de certaines API (Geolocation, Web storage, Workers, etc.) même si celles-ci s'appuient plus sur JavaScript que sur HTML, elles font néanmoins partie de la spécification.
En résumé, il s'agit d'un excellent livre, très pratique et concret, qui permettra assurément d'avoir une vision claire de HTML5 et de son utilisation et qui mettra le pied à l'étrier de tous ceux qui veulent découvrir cette évolution majeure du principal langage du web.
L'ouvrage commence par un rappel historique de l'évolution du langage HTML. À la fin de ce rappel, l'auteur évoque les raisons et les conséquences de l'échec du XHTML2. Celui-ci a été jugé sans avenir depuis plusieurs années, d'autant plus qu'il est incompatible avec HTML5.
Après ce pertinent rappel historique, l'auteur donne les nouveaux principes du HTML5 : un mécanisme de gestion d'erreurs standardisé qui permettra aux navigateurs de se mettre sur la même ligne, un doctype court dont la seule utilité réside dans le déclenchement du mode de rendu standard, la simplification de syntaxe, le bannissement des éléments longuement considérés comme dépréciés et l'apparition de nouvelles API JavaScript basées sur des implémentations existantes telles que l'API drag and drop inventée par Microsoft et implémentée dans Internet Explorer.
La suite de l'ouvrage délivre l'état des lieux des principales fonctionnalités HTML5 en donnant l'essentiel tout en décrivant le fallback des navigateurs qui ne supportent pas ces nouvelles fonctionnalités. À noter que l'auteur ne fait pas l'impasse sur les problèmes d'accessibilité provoqués par certaines fonctionnalités comme l'élément canvas.
L'auteur détaille les médias riches : les éléments canvas, audio et vidéo.
Alors que l'élément canvas, inventé par Apple est d'ores et déjà implémenté sur plusieurs navigateurs, l'élément vidéo est, quant à lui, victime de la guerre des formats entre les navigateurs. Bien heureusement, les spécifications HTML5 prévoient la possibilité de servir plusieurs formats à l'aide de l'élément source. Cela est aussi valable pour l'élément audio.
Pour les navigateurs qui n'implémentent pas les éléments audio et vidéo, le modèle de contenu de ces derniers autorise l'élément object et permet donc de fournir à ces navigateurs le contenu multimédia via flash.
Il présente ensuite l'évolution des formulaires dans HTML5. Il s'agit d'une reprise des travaux existants de la spécification Web Forms 2.
Les nouveaux éléments et attributs définis dans cette partie de la spécification permettront aux développeurs de faire des économies du code et de se passer de JavaScript pour gérer les contrôles avancés des formulaires.
Parmi les nouveaux attributs qui s'avèrent pratiques, je cite l'attribut required qui signale les champs obligatoires, les nouveaux types de champs mail, url et tel qui sont à l'heure actuelle implémentés et parfaitement exploitables sur Safari Mobile.
D'autres types de champs permettent d'utiliser des éléments interactifs à l'aide du support natif des navigateurs : le type range pour l'utilisation des sliders, le type date qui déclenche l'ouverture d'un calendrier natif du navigateur et le type color qui permet d'utiliser un widget natif pour le choix des couleurs.
Concernant le fallback des navigateurs, ceux qui n'implémentent pas les nouveaux types de champs afficheront un simple champ texte.
Il est également possible d'émuler certains comportements tels que ceux produits par les types date et range en JavaScript. Cependant, l'auteur invite les développeurs à tester le support des attributs avant d'appliquer des solutions de secours.
Après les médias riches et les formulaires, l'auteur présente l'une des grandes nouveautés du HTML5 : la sémantique.
Dans ce chapitre, l'auteur commence par faire le lien entre les microformats et le HTML5. Le vocabulaire de ces deux formats, bien qu'il soit limité, couvre la majorité des cas d'utilisations potentiels. Il soulève également la couche de complexité introduite par les formats puissants et extensibles, comme RDFa, qui nécessitent le recours aux namespaces. Cette couche de complexité vient à l'encontre de la simplicité du HTML qui se contente donc d'un vocabulaire limité.
Dans ce vocabulaire, on trouve les nouveaux éléments de structure qui véhiculent un sens sémantique : header, footer, aside, nav, section et article.
L'auteur présente ensuite les nouveaux modèles de contenu HTML5 qui remplacent l'ancienne mouture de HTML. Celle-ci regroupe les éléments HTML en deux grandes catégories : éléments de niveau bloc et éléments de niveau en-ligne.
En HTML5, les éléments sont classés selon leurs rôles sémantiques. À titre d'exemple, les éléments de niveau en-ligne sont à présent classés comme « text-level semantic ».
HTML5 introduit aussi la possibilité de conférer à chaque section du document un plan entièrement autonome et ce, grâce au nouvel algorithme de calcul du plan.
À la fin de cet excellent ouvrage, l'auteur propose des solutions permettant d'utiliser HTML5 dès aujourd'hui. En effet, la plupart des navigateurs autorisent l'application de styles sur n'importe quel élément, excepté Internet Explorer 8 et inférieur qui a besoin de construire ces éléments inconnus dans son DOM à l'aide de JavaScript.
À l'heure actuelle, les éléments structurels de HTML5 ne sont pas encore accessibles, en revanche, la spécification ARIA, qui définit des attributs HTML permettant d'améliorer l'accessibilité des documents « riches », bénéficie d'une excellente compatibilité avec les aides techniques. D'autre part, les attributs définis dans ARIA font déjà partie de la spécification HTML5. Cela permet d'exploiter ces attributs sans perdre la validité syntaxique.
Enfin, le validateur HTML du W3C permet déjà de faire valider du HTML5 grâce au validateur de Henri Sivonen.
Ceux qui connaissent le sujet et qui s'attendent à trouver une présentation poussée de HTML5 risquent de ne pas apprendre grand-chose. Cependant, cet ouvrage constitue une bonne base de départ pour les initiés curieux des évolutions et impatients de les mettre en œuvre.
Commenter Signaler un problème
Je vous propose une critique du livre HTML5 pour les web designers, de Jeremy Keith.
J'ai beaucoup apprécié ce livre qui me semble idéal pour commencer à aborder le HTML5.
Si vous aussi vous avez lu ce livre, partagez-vous mon avis ?
Bonne lecture
XHTML et CSS 2
L'essentiel du code et des commandes
Résumé de l'éditeur
CONCIS ET MANIABLE
Facile à transporter, facile à utiliser -- finis les livres encombrants !
PRATIQUE ET FONCTIONNEL
Près de 200 séquences de code XHTML et CSS 2 prêtes à l'emploi pour créer et mettre en forme votre site web, et un blog d'accompagnement pour visualiser et tester les effets de ces séquences.
Édition : Pearson Education - 375 pages, 1re édition, 12 décembre 2008
ISBN10 : 2744023043 - ISBN13 : 9782744023040
- Les bases du XHTML/CSS
- Textes et polices
- Balises <div> et <span>
- Mise en page
- Listes et menus
- Tableaux
- Liens hypertextes
- Images
- Formulaires
- CSS avancé
Construit sous la forme de mini-recettes classées par grands thèmes (textes, mise en page, tableaux, images, etc.), ce guide n'est pas exhaustif, seuls les éléments les plus "classiques" du XHTML et du CSS sont étudiés. Quelques exceptions subsistent, comme les effets visuels spécifiques à IE applicables à du texte ou des images. J'aurai apprécié à la place une approche sémantique des balises XHTML, et un approfondissement de certains aspects CSS, comme par exemple les problèmes de positionnement selon les navigateurs. Certaines astuces présentées sont tout de même intéressantes et pourront apporter un plus au design de votre site.
Au final, cet ouvrage me semble difficile d'accès pour un débutant, malgré un rapide rappel des bases dans le premier chapitre. Plus abordable que la documentation du W3C, il peut par contre s'avérer utile pour un développeur de niveau intermédiaire, connaissant déjà le XHTML et le CSS, mais pas au point de maîtriser les balises et les propriétés.
Design web : utiliser les standards - CSS et XHTML
2e édition
Résumé de l'éditeur
"Site optimisé pour..." : suffit-il d'ajouter le nom et la version de votre navigateur de prédilection pour en être quitte avec les problèmes de compatibilité sur le web ? Les options retenues par de nombreuses entreprises et designers web en agence - optimiser un site pour une version précise de navigateur ou développer autant de versions de sites qu'il existe de navigateurs et de versions de navigateurs- n'est ni pérenne ni économiquement viable. Elles n'aboutissent qu'à priver un nombre toujours croissant de visiteurs d'un accès aux sites, et à empêcher tes entreprises de toucher une portion non négligeable de leur cible. Cette spirale et cette course incessante à la compatibilité n'ont rien d'une fatalité. Il existe une solutions les standards du Web.
Le Web à l'heure des standards et de l'accessibilité
Développées par le W3C avec la collaboration des principaux acteurs de l'industrie du Web, les standards ne sont pas des règles immuables et contraignantes. Bien au contraire, leur mise en œuvre garantit :[*]des coûts de redesign et de maintenance réduits ;[*]un affichage plus rapide des pages - l'allègement pouvant atteindre 85% - et moins de bande passante utilisée ;[*]un meilleur référencement dans les moteurs de recherche et une augmentation de trafic vers le site ;[*]la pérennité d'un site conçu à partir de standards ouverts.
Édition : Eyrolles - 382 pages, 2e édition, 1er novembre 2006
ISBN10 : 2212120265 - ISBN13 : 9782212120264
- Introduction
Houston, nous avons un problème
- Avant de commencer
- 99,9 % des sites web sont obsolètes
- Concevoir et construire avec les standards
- Le problème des standards
- Trouvabilité, syndication, weblogs, podcasts, la longue queue, Ajax (et autres raisons du succès des standards)
Design et construction
- Le balisage moderne
- XHTML : restructurer le Web
- Des pages minces et fermes : structure et métastructure des balisages stricts et hybrides
- XHTML par l'exemple : une mise en page hybride (première partie)
- Introduction à CSS
- CSS en action : une mise en page hybride (deuxième partie)
- Travailler avec les navigateurs (première partie) : bascule sur DOCTYPE et mode Standards
- Travailler avec les navigateurs (deuxième partie) : modèles de boîtes, bogues, et solutions de contournement
- Travailler avec les navigateurs (troisième partie) : la typographie
- Introduction à l'accessibilité
- Travailler avec des scripts reposant sur DOM
- Redesign en CSS
- Index
Ce livre intéressera les débutants qui veulent partir du bon pied avec les standards, mais le public visé reste essentiellement les designers de la vieille école qui auraient acquis de tenaces habitudes aujourd'hui obsolètes.
La deuxième partie de cet ouvrage introduit rapidement le XHTML puis le CSS avant de s'intéresser à des cas concrets (montage de designs). Ces études de cas constituent un fil rouge tout au long de cette partie et fournissent l'occasion d'aborder de nombreuses techniques en avançant pas à pas.
Cet ouvrage ne prétend pas constituer une référence pour les langages XHTML et CSS, mais nous pouvons tout de même regretter l'absence d'annexes. En effet, le ton léger, voir comique, de Jeffrey Zeldman ainsi que les nombreuses digressions qui nous mènent d'une technique à l'autre rendent ce livre agréable à lire de manière linéaire, mais difficile à exploiter si vous voulez, par la suite, retrouver rapidement une astuce.
Ce livre n'a pas pour but de vous enseigner directement l'utilisation des feuilles de style CSS. Il va tout d'abord vous renseigner (persuader) sur le pourquoi de la question.
Ainsi, si vous souhaitez apprendre rapidement à user des CSS pour créer votre site, ce livre n'est pas pour vous, ou du moins vous ne serez intéressé que d'une petite partie.
Si au contraire, vous avez soif de connaître l'histoire des CSS, de comprendre chacun de leurs bienfaits sur des exemples brillament choisis, de faire le tour des questions que l'on peut se poser quant aux CSS, avant d'entamer une seconde partie de cours peu linéaires car débordants d'astuces utiles mais cependant efficaces, alors vous trouverez votre compte dans l'ouvrage de Zedman.
L'auteur n'a pas froid aux yeux et touche dans son ouvrage à de nombreuses facettes (trop souvent ignorées ou négligées) de la création de sites internet : l'accessibilité, la typographie, DOM, les doctypes, et bien d'autres...
En conclusion,Si vous êtes ancien ou débutant dans le monde du web et désireux de comprendre pourquoi « 99,9% des sites sont encore et toujours « obsolètes », pourquoi certains navigateurs affichent mieux les sites (bien conçus) que d'autres, comment rendre un site « accessible » à diverses plateformes (dont certaines prévues pour les personnes handicapées), comment faire du travail propre, ré-exploitable...
Alors Zedman saura sans doute répondre à vos questions dans ce livre.
Dreamweaver 8
Avec 50 exercices corrigés
Résumé de l'éditeur
Édition : Eyrolles - 648 pages, 1re édition, 1er avril 2006
ISBN10 : 2212119143 - ISBN13 : 9782212119145
19 x 23
- Avant-propos
- Introduction au Web
- Interface de Dreamweaver 8
- Création de site
- Mise en page graphique
- Mise en page CSS
- Hyperliens et CSS
- Eléments de navigation classiques
- Eléments de navigation en CSS
- Les formulaires
- Les médias Flash
- Les pop-ups
- Jeux de cadres
- Modèles et bibliothèques
- Intégration de la suite Office
- Développement avec XML et XSLT
- PHP/MySQL
- Le référencement
- Projet de synthèse
- Mise en ligne
- Conclusion
- Annexe 1 : Extension Manager
- Annexe 2 : aides
- Annexe 3 : bibliographie
- Annexe 4 : ressources Internet
- Annexe 5 : logiciels et langages connexes
- Index
Dans la globalité, cet ouvrage est un très bon livre, à condition de faire partie du public visé. En effet, Dreamweaver est connu de tous mais les avis sont partagés, certains pensent que c'est un excellent outil tandis que d'autres, au contraire, ne supportent pas de ne pas avoir le contrôle sur le code généré. Personnellement je pense qu'il faut apprendre à le dompter et ne pas le laisser générer tout le code à votre place, il sera ainsi un excellent compagnon.
Arzhur Caouissin a pris un tout autre parti, celui de montrer l'IDE (Integrated Development Environment) sous sa forme la plus simple, c'est-à-dire en mode design. Ce choix est un peu frustrant pour ceux qui aiment voir se qui se passe dans les coulisses d'un site web mais sera fortement apprécié des webdesigners et des débutants.
Vous l'aurez compris, Dreamweaver 8 ? Avec 50 exercices corrigés a pour objectif de vous apprendre à réaliser des applications web dynamiques, agréables, riches et sans avoir à toucher à une ligne de code.
L'auteur a réussi à traiter tous les aspects d'un site à travers des exercices simples à mettre en ?uvre et très complets. Il ne s'arrête pas là mais va encore plus loin en traitant toutes les techniques possibles pour faire la même chose, se qui vous laissera le choix. Même si c'est la première fois que vous entendez parler de développement, vous allez suivre assez facilement toutes les étapes, de la réflexion, au référencement, en passant par la conception et la mise en ligne. Il est évident qu'une bonne partie du livre est consacrée à des fonctionnalités propres à Dreamweaver 8 mais, pour le reste, il passe en revue la conception web dans sa globalité. Vous verrez comment intégrer des éléments multimédia, travailler avec Adobe Photoshop, Adobe Illustrator, Adobe Macromédia Flash, EasyPHP (MYSQL), Adobe After Effects, Adobe Acrobat Designer?
Les développeurs vont sans doute trouver aussi les plaisirs dans le gain de temps que Dreamweaver leur apporte, en mode Code grâce aux fragments de code, aux références ou à l'autocomplétion mais aussi en mode graphique grâce au comportement serveur, à l'éditeur CSS ?
J'ai été surpris de voir la plage de connaissances balayées par ce livre, en effet un débutant peut s'en sortir sans problème alors que l'on traite des technologies assez évoluées comme le CSS2, XSLT, DTD, RSS, XML, PHP. De plus, les exercices sont tournés vers le respect de la norme de programmation et d'accessibilité, ce qui est encore trop rare de nos jours. Ajoutez à cela que le livre est truffé d'astuces et qu'un projet de synthèse vous permet de tester tout vos acquis.
Pour conclure, je pense que c'est un excellent livre qui se suffit à lui-même si vous partez dans l'optique de réaliser un site complet sans avoir besoin de devenir un développeur chevronné. Cependant, ne vous arrêtez pas à cela si vous aimez la programmation car vous pouvez bien être surpris des fonctionnalités avancées de cet outil.
Design web : utiliser les standards - CSS et XHTML
Résumé de l'éditeur
Il existe une solution : les standards du web. Le web à l'heure des standards et de l'accessibilité. Développées par le W3C avec la collaboration des principaux acteurs de l'industrie du web, les standards ne sont pas des règles immuables et contraignantes.
Bien au contraire, leur mise en œuvre garantit : des pages web accessibles quels que soient le navigateur et la version du navigateur utilisée ; Des coûts de redesign et de maintenance réduits ; Un affichage plus rapide des pages - l'allégement pouvant atteindre 85 % - et moins de bande passante utilisée ; un meilleur référencement dans les moteurs de recherche et une augmentation de trafic vers le site ; La pérennité d'un site conçu à partir de standards ouverts.
Édition : Eyrolles - 414 pages, 1er avril 2005
ISBN10 : 2212115482 - ISBN13 : 9782212115482
- Introduction
Houston, nous avons un problème
- Avant de commencer
- 99,9 % des sites web sont obsolètes
- Concevoir et construire avec les standards
- Le problème des standards
- XML à la conquête du monde (et autres réussites des standards du Web)
Design et construction
- Le balisage moderne
- XHTML : restructurer le Web
- Des pages minces et fermes : structure et métastructure des balisages stricts et hybrides
- XHTML par l'exemple : une mise en page hybride (première partie)
- Introduction à CSS
- CSS en action : une mise en page hybride (deuxième partie)
- Travailler avec les navigateurs (première partie) : bascule sur DOCTYPE et mode Standards
- Travailler avec les navigateurs (deuxième partie) : modèles de boîtes, bogues, et solutions de contournement
- Travailler avec les navigateurs (troisième partie) : la typographie
- Introduction à l'accessibilité
- Travailler avec des scripts fondés sur DOM
- Redesign en CSS
Annexe
- Annexe A : Navigateurs modernes : le bon, la brute, et le truand
- Index
Facile à lire, ce livre est à la fois complet et amusant.
Depuis l'apparition de ce livre dans sa version originale, beaucoup de choses on changées. Je n'ai jamais autant entendu parler ( entendre lire ) des standard du web ( XHTML, CSS, DOM, XML ) ces deux dernières années. Concernant le livre, il faut aussi avouer qu'il est surtout destiné aux webmasters de la vieille école, puisqu'il traite essentiellement de transition vers les standards.
Pour les néophytes comme moi, on y apprend énormément de choses tout au long de la lecture. Cependant, j'attire l'attention aux futurs lecteurs dans le même cas. Ayez au préalable de bonnes base sur HTML principalement et le web en général.
Pour ceux de la vieille école, ce bouquin est, je pense, idéal pour bien comprendre les enjeux des standards, et pour vous apprendre à passer en douceur cette transition. Mais la lecture de ce livre ne suffira pas, un apprentissage des langages XHTML et CSS, voire aussi XML, sera fortement nécessaire.
Pour les pros du web déjà concernés et initiés aux standards, je ne pense pas que ce livre leur apportera grand chose, et techniquement parlant, il ne leur en apprendra pas plus.
Il n'y a pas d'exercices dans ce livre, cela n'est pas le but, même si cela aurait été un vrai plus, mais l'épaisseur aurait certainement doublé, voire plus. Il faudra donc se pencher sur d'autres bouquins en critiques ici par ailleurs. On notera aussi que les images ne sont pas en couleur, ce qui est dommage, même si ce n'est pas une nécessité absolue.
Ayant vu quelques critiques sur le site de l'éditeur du genre : « on passe du coq à l'âne sans arrêt ». J'aimerais ajouter que ce n'est pas le sentiment que j'ai eu en le lisant. En effet, beaucoup de sujets se recoupent au fur et à mesure de la lecture, ce qui est normal puisque tout est lié. L'auteur a bien fait attention de nous rappeler, à chaque fois que cela était nécessaire, les autres chapitres et notions fondamentales concernés. Au lecteur de juger si cela est nécessaire de relire ou pas les passages mentionnés.
En bref : nous avons un auteur qui sait de quoi il parle, ses informations sont pertinentes. Un livre agréable à lire. Il nous apprend les bonnes notions de base de design, des standards et de l'accessibilité. Peut être que pour certains le fil du livre leur semblera un peu " fouillis ". Ce livre devrait avoir pour effet une prise de conscience de la part du lecteur et l'obliger à continuer d'explorer et d'apprendre les standards du web.
Facile à lire, ce livre est à la fois complet et amusant.
Complet en ce sens qu'il présente toutes les facettes de CSS. On retrouve ainsi les avantages, les contraintes, les techniques à utiliser pour permettre l'utilisation d'un CSS fonctionnel Quels que soient le ou les navigateurs ciblés et aussi des exemples s'y rapportant.
Amusant car le livre est écrit dans un langage très proche du langage parlé. Ainsi, il se lit comme un roman avec des moments sérieux - heureusement - et des moments d'humour - on s'écarte même parfois du sujet avant de le retrouver assez vite -.
Après quelques jours de lecture, on est aussi satisfait d'avoir lu ce livre que si on avait lu le dernier Harry Potter. On en ressort par ailleurs d'autant plus satisfait que nos connaissances ont augmentés et que notre approche du web a été remise dans le droit chemin. Un seul regret: ce livre nous donne envie de retravailler toutes nos pages qui ne respectent pas les règles présentées dans le livre.
HTML & XHTML - La référence
Résumé de l'éditeur
Netscape Navigator 6.0, Internet Explorer 5.0, Opéra 5.0, HTML 4.0, XML et XHTML, Feuilles de styles ! Le Web évolue sans cesse. Il devient alors difficile de s'y retrouver et de savoir quel développement utiliser. Alors que HTML est un langage de marquage statique arrivé à maturité, voici qu'apparaît XHTML 1.1 qui est à la fois HTML 4.0 revisité et réécrit en XML et son prolongement. Il offre la rigueur et la précision de XML tout en conservant la souplesse de HTML. HTML & XHTML, la référence couvre XHTML 1.1, HTML 4.01, CSS2, Netscape 5.0 et Internet Explorer 5.0 et toutes leurs extensions. Ce guide est l'ouvrage le plus complet à ce jour sur HTML et XHTML. Il adopte de bout en bout une approche concrète et pratique de ces deux langages. Fourmillant d'exemples, d'extraits de code et de conseils pratiques, il est l'outil idéal pour créer des pages web véritablement efficaces et maîtriser les techniques avancées. Entre autres, vous trouverez dans cet ouvrage comment :
- Créer des tableaux, du plus simple au plus complexe.
- Coordonner un ensemble de documents à l'aide de tableaux.
- Construire des éléments dynamiques dans vos pages.
- Tirer profit des feuilles de style pour contrôler l'apparence de vos documents.
- Insérer images, sons, vidéos, applets Java et programmes JavaScript.
- Éditer de beaux documents quel que soit le navigateur.
- Utiliser XHTML pour vous préparer a la prochaine vague de l'édition en ligne.
De plus, ce livre contient un aide-mémoire cartonné permettant un accès rapide aux marqueurs HTML et XHTML. Ce livre s'adresse à quiconque s'intéresse au Web et désire passer de l'autre côté de la Toile en publiant des documents cohérents et intelligents.
Édition : O'Reilly - 694 pages, 4e édition, 1er février 2001
ISBN10 : 2841771326 - ISBN13 : 9782841771325
- HTML, XHTML et le World Wide Web
- Démarrer rapidement
- Anatomie d'un document HTML
- Eléments de base du texte
- Règles, images et multimédia
- Les liens et le Web
- Listes formatées
- Feuilles de styles en cascade
- Formulaires
- Tableaux
- Cadres
- Contenus exécutables
- Documents dynamiques
- Extensions Netscape de mise en page
- XML
- XHTML
- Trucs et astuces
Annexes
- Grammaire HTML
- Guide de reférence des éléments HTML/XHTML
- Guide de référence des feuilles de styles en cascade
- DTD HTML 4.01
- DTD XHTML 1.0
- Entités caractères
- Noms et valeurs des couleurs
Cet ouvrage ne se contente pas d'exposer la théorie de HTML mais propose également un point de vue très pratique qui est indispensable pour l'apprentissage d'un tel langage. Le contenu dynamique ou interactif et les scripts sont très brièvement abordés dans cet ouvrage, ce qui constitue un plus. Cependant si vous désirez un ouvrage traitant ces sujets, ce livre ne conviendra pas. L'abord des langages XML et XHTML est un peu rapide (et peut être un peu pessimiste en ce qui concerne XHTML) mais reste néanmoins relativement complet, d'autant que le XML n'est pas le sujet de cet ouvrage. Cependant la connaissance de XML (et notamment des DTDs, ce qui est traité ici) permet une compréhension bien meilleure du format XHTML. Saluons donc l'excellente initiative des auteurs pour cet ajout.
En bref, un bon livre pour apprendre HTML et XHTML dans leur totalité, peut être un peu lent et répétitif si vous possédez déjà une certaine maîtrise de HTML.
XHTML et CSS
Cours et exercices
Résumé de l'éditeur
Il n'est plus concevable aujourd'hui de développer un site Web professionnel en HTML, et tout étudiant en informatique ou en design Web se doit de maîtriser les langages XHTML et CSS. Bien utilisés, ces deux standards du Web permettent de construire des sites compatibles avec tous les navigateurs et terminaux portables, alliant rapidité d'affichage et richesse de mise en page grâce à une parfaite séparation du contenu et de la présentation.
Vous découvrirez dans cet ouvrage à l'exposé clair et rigoureux toutes les subtilités de la syntaxe de ces deux langages, et apprendrez à concevoir des documents XHTML et des feuilles de style CSS 2 conformes aux standards les plus récents du W3C. Vous découvrirez en particulier comment réaliser des mises en pages sophistiquées sans recourir aux tableaux, grâce aux puissantes techniques de dimensionnement et de positionnement de CSS.
Édition : Eyrolles - 508 pages, 1re édition, 1er mars 2006
ISBN10 : 2212116373 - ISBN13 : 9782212116373
- Introduction à XHTML
- Structure d'un document XHTML
- Créer du texte et des listes
- Insérer des images et du multimédia
- Créer des liens
- Créer des tableaux
- Créer des formulaires
- Créer des cadres
- Introduction à CSS
Les styles CSS
- Introduction à CSS
- Couleurs et image de fond
- Créer des bordures, marges, espacements et contours
- Le style du texte et des liens
- Créer une mise en page : le dimensionnement et le positionnement
- Le style des tableaux
- Le style des listes
- Les médias écrits
Annexes
- Référence des éléments XHTML
- Référence CSS 2
- Codes des couleurs
- Les entités de caractères
- Bibliographie et adresses utiles
Dans la première partie consacrée à l'XHTML, l'auteur décrit de manière exhaustive la structure des pages Web et notamment la signification des différentes balises. Aussi, tout en nous précisant qu'il s'agit d'éléments ou de méthodes obsolètes et/ou déconseillées, il aborde également les principes de la présentation par tableaux et même le fonctionnement par cadres qui sont encore (malheureusement) couramment employés.
Dans la deuxième partie, l'auteur traite des feuilles de style, de leur fonctionnement, de leur utilisation, là aussi de manière exhaustive. Ainsi, il lui arrive fréquemment de nous décrire le fonctionnement de propriétés mal ou pas encore employées par nos navigateurs web préférés. Espérons que cela sera rapidement le cas, pour profiter pleinement de ces fonctionnalités intéressantes.
Enfin dans une troisième partie consacrée aux annexes, l'auteur nous fait un résumé sur l'emploi des divers éléments XHTML, des différentes propriétés CSS existantes mais aussi sur les codes caractères et codes couleur employés sur le web (important pour le daltonien que je suis )
Pour conclure, je conseillerai ce livre très complet à quiconque souhaite se lancer ou même se perfectionner dans le développement web. Pour moi, il est inutile de tout retenir, il suffit de savoir que cela existe et de facilement pouvoir retrouver ce que l'on cherche. Ainsi, il restera à portée de main comme aide-mémoire.
C'est un très bon livre pour toute personne souhaitant apprendre et comprendre le XHTML ainsi que le CSS.
Les cours sont plus orientés "encyclopédie" mais restent quand même très efficaces. Quant aux exercices, ils permettent de passer rapidement à la pratique et de vérifier les acquis. À noter la présence d'annexes qui s'avèrent d'une très grande utilité.
En résumé, c'est un livre accessible à tous, du débutant à l'expert, ce qui en fait une très bonne référence à garder près de soi comme aide mémoire.