Vous avez sans doute déjà entendu parler d’un nouveau livre de Jon Duckett intitulé HTML & CSS: Design and Build Websites. Livres sur la façon de construire des sites Web sont à la pelle. Ils occupent des pans entiers de chaque librairie alors que beaucoup d’entre nous les ignorent en faveur de l’apprentissage sur le Web.
Alors, qu'est-ce qui rend ce livre si différent? Pourquoi attire-t-il tant d'attention? Est-ce qu'il est à la hauteur de tout le battage publicitaire? Poursuivez votre lecture pour découvrir comment Duckett change notre façon de penser les livres de développement Web et pourquoi il s'agit sans aucun doute du meilleur livre que j'ai jamais lu sur les introductions HTML et CSS.
Le status quo
Votre livre de débutant sur l'apprentissage du HTML et du CSS n'est en réalité qu'un manuel technique. La conception et la mise en page sont basées sur des modèles d'éditeur fatigués et ennuyeux. Le contenu est généralement en noir et blanc avec quelques pages couleur si vous êtes particulièrement chanceux et le style d'écriture est suffisamment sec pour qu'il fonctionne parfaitement comme remède au chevet de l'insomnie.
Le plus gros problème avec le format typique est peut-être qu’il sert à refuser le plus grand nombre de personnes possible. Un nombre incalculable de personnes veulent apprendre le webdesign et peuvent même aller jusqu’à prendre un livre sur le sujet avant d’être intimidé par le contenu mindnumbing à l'intérieur.
Cela est particulièrement vrai pour de nombreux concepteurs cherchant à élargir leurs compétences avec un peu d'expérience en programmation. Les personnes à l'esprit visuel sont connues pour être frappées par un cas soudain de TDA lorsqu'elles fixent un livre de texte. Nous aimons les expériences riches, structurées et bien conçues et rien ne nous ennuie plus vite que des exemples de code sans fin et de code sans vie.
Une bouffée d'air frais
La première pensée qui me traversa l'esprit en ouvrant le livre de Duckett fut la suivante: «C'est quelque chose de différent».
J'écris sur la conception Web pour gagner ma vie, j'ai donc vu mon lot de livres sur HTML et CSS. La première pensée qui me traversa l'esprit en ouvrant le livre de Duckett fut la suivante: «C'est quelque chose de différent».
Cette déclaration n'est pas une exagération ou une première impression trompeuse qui disparaît rapidement. Ce livre vise vraiment à accomplir quelque chose de nouveau et je crois fermement qu'il réussit, mais nous en parlerons plus tard. Pour l'instant, parlons du livre lui-même.
Conception
C'est ici que HTML et CSS se distingue vraiment. Ce livre est magnifique. Chaque page est colorée et contient une mise en page minimale impressionnante que vous ne voyez généralement pas dans les livres de développement Web. C'est tellement beau qu'il pourrait être qualifié de livre de table à café.
C'est tellement beau qu'il pourrait être qualifié de livre de table à café.L’une de mes fonctionnalités préférées est la manière dont Duckett affiche les exemples en direct de ses tutoriels de code. Au lieu d'utiliser simplement des captures d'écran comme tout le monde, chaque exemple est affiché à l'écran d'un MacBook Pro, d'un iMac ou même d'un ordinateur de bureau Dell placé dans divers paramètres. Ces photos en couleur sont un régal; une idée simple qui donne l'impression que le livre ressemble davantage à une expérience artistique riche et moins à un manuel de code ennuyeux.
Un autre thème récurrent est constitué par les pages complètes de deux pages qui décomposent un exemple de code simple, souvent une simple ligne ou une balise. Combien d'éditeurs permettraient à l'auteur de dédier deux pages complètes à un énorme diagramme coloré d'une balise HTML? J'en soupçonne très peu.
Le même principe de conception et de qualité sur les dépenses d’impression est appliqué à l’ensemble du livre. Une section sur les formats d'image consacre quatre pages complètes à des images volumineuses et attrayantes de divers types avec peu ou pas de description. Ces pages sont-elles strictement nécessaires? Probablement pas, mais du point de vue du concepteur visuel, ils ont été une autre raison pour laquelle je ne pouvais pas poser le livre.
C'est drôle, beaucoup de livres sur le web design ne suivent pas vraiment leurs propres conseils. Ce livre est cependant page après page d’une présentation de contenu superbe. Même si vous ne lisez pas un mot, cela reste une excellente source d'inspiration.
Contenu
Bien sûr, le livre a l’air beau, mais est-ce que c’est une cerise sur un gâteau typique? La conception mise à part, le principal argument de vente de tout livre HTML et CSS devrait être de savoir si la personne moyenne peut s’attendre à le prendre et à repartir avec une solide connaissance des pratiques de conception Web au moment où il le dépose.
Heureusement, le livre de Duckett constitue une introduction fantastique mais néanmoins brève au sujet. C'est un livre épais et volumineux, mais cela tient en grande partie à la manière dont le contenu est présenté. Le matériel écrit n’est pas aussi long que vous le supposeriez et est très accessible et pertinent.
HTML
Duckett ne perd pas deux chapitres sur la vie et l’époque de Tim Berners-Lee, mais le lance avec une discussion perspicace sur le fonctionnement du Web et la transition vers l’utilisation du HTML dans cette fonctionnalité.
Environ la moitié du livre est consacrée à un aperçu complet de la structure HTML et des éléments que tout développeur devrait connaître. En cours de route, vous créerez des exemples de code en direct très simples qui vous apprendront ce que vous devez savoir sans graver une demi-journée de votre temps. En parcourant cette section, vous trouverez des informations sur les techniques d’organisation, les éditeurs de texte et divers autres sujets d’appui.
CSS
La seconde moitié du livre est dédiée au CSS. Duckett passe beaucoup de temps à discuter de style visuel, mais la vraie richesse de la section CSS semble être réservée au code de mise en page, aux techniques et même aux manipulations minutieuses. J'apprécie vraiment cela, car la mise en page basée sur CSS est l'un des sujets de base fondamentaux les plus importants que beaucoup semblent passer à côté.
Il est facile de saisir les ombres de la boîte et les coins arrondis, mais la différence entre positionnement absolu et relatif, comment travailler correctement avec des flotteurs et manipuler des dispositions en grille est un sujet que les débutants doivent absolument comprendre et que Duckett présente en détail une mode facile à saisir.
Design Talk
L'aspect visuel du livre montre que Duckett est évidemment un concepteur. Malgré le fait que son livre traite en grande partie de code, il ne peut s'empêcher de laisser transparaître ce côté concepteur dans le contenu.
Tout au long du livre, il y a de bonnes petites discussions et des conseils relatifs au côté conception de la création de sites Web: comment rogner des photos à des polices de caractères qui conviennent le mieux à quels paramètres.
Un livre à expérimenter
J'ai récemment reçu un livre en cadeau traitant de la présentation du lecteur à HTML et CSS. Je le feuilletai pendant quelques minutes, réalisant que je savais déjà et comprenais la plupart de ce qu'il contenait, et le posai sur mon étagère pour ramasser la poussière.
D'une certaine manière, le livre de Duckett était similaire. Sa connaissance de son sujet est vaste et je ne prétends pas pouvoir l'associer, mais je possédais déjà une connaissance approfondie de la plupart des sujets abordés dans le livre (j'ai écrit des tutoriels sur la moitié de celui-ci). Cependant, malgré cela, le livre n’a pas encore atteint l’étagère.
La première fois que je l'ai ramassé, j'ai passé plusieurs heures à en vider le contenu. Comme un bon roman, ce livre vous saisit et ne vous lâche pas. Le beau design et le style d’écriture bref mais concis rendent la lecture unique. En fait, peut-être? Lire? est le mauvais mot. Ce livre est vraiment? Expérimenté? et donne le même sentiment que lorsque j'ai feuilleté des livres de science-fiction sur l’espace ou des os de dinosaures dans mon enfance.
Allez le chercher, maintenant
J'écris rarement des critiques de livres pour Design Shack. C'est parce que je suis rarement impressionné par les livres de développement et de conception Web. J'ai accumulé des tonnes de compliments sur ce livre tout à l'heure, à tel point que vous pensez sans doute que tout cela est exagéré. Gardez toutefois à l'esprit que c'est à la lumière du fait que j'écris en général sur la raison pour laquelle les livres de conception Web sont nuls. Ils sont carrément ennuyeux et sans engagement. Je préfère généralement passer mon temps avec un bon tutoriel basé sur le Web et un éditeur de texte.
Il y a précisément deux livres de conception Web qui m'ont suffisamment attiré pour que les pages tournent avec impatience plutôt que par la force de la volonté. L’un d’eux était The Book of CSS3 et le HTML & CSS de Duckett était l’autre.
Si vous êtes un designer qui apprécie une expérience visuelle solide et qui n'arrive pas à vous convaincre de lire un livre au format HTML et CSS, allez le chercher tout de suite. À seulement 29,99 $, cela revient à la moitié du prix des autres livres que vous trouverez dans la section dev. Web. Trente dollars pour enfin acquérir une nouvelle compétence qui pourrait déboucher sur une nouvelle carrière impressionnante? Qu'est-ce que tu attends? Consultez le site Web pour plus d'informations.