Debugging CSS – un livre de Ahmad Shadeed

Also available in: English

Vous connaissez peut-être déjà Ahmad pour tous ses partages sur la toile au sein de la communauté Web. Il a publié un livre sur le débogage des CSS qui aidera les débutants mais aussi les développeurs plus avancés à découvrir et à résoudre nombre de bugs, Le tout dans un livre numérique bien illustré et structuré.

À propos Ahmad Shadeed

Je commence généralement par présenter l’auteur, même s’il partage déjà beaucoup sur Twitter. Ahmad est ce que nous aimons appeler une licorne, mais son profil multidisciplinaire s’accompagne de plusieurs années d’expérience et d’un changement de cap au milieu. Il est designer de produits numériques et un développeur front-end originaire de Palestine. Il aime travailler sur des projets de conception de produits et de développement à grande échelle, ce qui implique de résoudre des problèmes de conception complexes.

Il écrit beaucoup sur CSS, l’accessibilité et le style de texte RTL (right to left, de droite à gauche). Vous pouvez trouver son site web sur ishadeed.com et il est également le créateur de a11ymatters.com et rtlstyling.com, deux sites web spécialisés dans l’accessibilité et les langues s’écrivant de droite à gauche.

À propos du livre Debugging CSS

Avertissement : Je suis un correcteur technique du livre, je ne suis peut-être pas impartial à 100%, mais je suis aussi un ancien développeur front-end passionné et un designer d’expérience utilisateur travaillant avec plusieurs niveaux de développeurs front-end, avec sa propre opinion. 😜

« Master the skill of Debugging CSS » est le nom complet du livre.
Ce livre veut résoudre un problème global : l’incompréhension ou la sous-estimation du pouvoir de CSS. Il apporte une nouvelle façon de penser le projet, de voir les problèmes rencontrés et, surtout, la façon de déboguer, le tout grâce à des cas bien illustrés et une ou plusieurs solutions proposées.

Le livre commence par l’histoire du CSS. En effet, on ne peut pas comprendre un langage et les nouvelles spécifications actuelles, sans passer par son histoire.

Vous verrez ensuite les outils existants pour déboguer votre CSS, mais aussi comment mieux connaître votre environnement de travail.

Enfin, vous passerez en revue le cœur du livre : le débogage. Vous serez guidé par différentes facettes : une liste des propriétés CSS qui conduisent généralement à des bogues courants ; des façons de casser intentionnellement votre mise en page pour vous aider à déboguer ; une liste de bogues de navigateur, parce que parfois ce n’est pas la faute de votre code ; et enfin quelques trucs et astuces génériques.

Vous pouvez trouver la présentation complète sur le site officiel, et acheter ce livre pour commencer à devenir un tueur de bogues CSS.

Official Website

Qui peut lire le livre Debugging CSS ?

Eh bien… Connaissez-vous le biais cognitif appelé « Malédiction de la connaissance » ? Il m’est difficile de définir quel genre de personnes pourrait/devrait lire ce livre, mais comme je travaille actuellement avec des développeurs front-end débutants et des développeurs front-end avancés, je n’ai qu’une seule affirmation en tête : les gens ne connaissent pas le CSS.

Il est vraiment rare de trouver quelqu’un qui connaisse les bases et l’histoire du CSS : flottement, contexte d’empilement, contexte de formatage de bloc, painting du navigateur, animation et transition, fusion de marges, modèle de boîte, etc.
Nous ne parlons même pas ici de CSS avancé, mais seulement de la base permettant de le comprendre et de ses spécificités. Si ces termes vous paraissent flous, pas de soucis, c’est courant, vous n’êtes pas seul, mais sachez que vous êtes prêt à lire ce livre 😊. C’est une bonne nouvelle.

Je vais essayer de résumer les enseignements utiles de ce livre en fonction de votre niveau en CSS, si je peux me permettre :

• Débutants : n’hésitez pas, achetez ce livre, il est fait pour vous. Lisez-le d’abord en le scannant (lisez entièrement la première partie, ainsi que la partie sur les outils) pour comprendre sa structure, puis revenez aux sections qui vous aideront.
• Intermédiaires : sautez dessus aussi. Vous savez beaucoup de choses sur le CSS, mais je peux vous assurer que vous allez découvrir de nouvelles choses. C’est encore plus vrai si vous êtes habitué à déboguer d’une certaine manière, Ahmad vous montrera de nouvelles perspectives ici et là.
• Avancés : même si vous n’êtes pas la première cible de ce livre, je pense que le prix en vaut la peine. Les illustrations vous aideront à affiner votre compréhension, et vous apprendrez certainement 2 ou 3 choses ici et là, ce qui vous aidera à aiguiser vos connaissances. Elles peuvent également vous aider à partager vos connaissances si vous écrivez des articles de blog, des livres ou si vous enseignez.

Comme vous pouvez le constater, en fonction de votre niveau, vous tirerez différents types de bénéfices à la lecture de ce livre.

N’hésitez pas à revenir sur cet article pour commenter et partager avec nous votre propre expérience de lecture et ce que vous aurez appris. On peut aussi se retrouver sur Twitter.

Bonne lecture ! 😊