{"id":7653,"date":"2020-11-16T14:25:42","date_gmt":"2020-11-16T13:25:42","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog?p=7653"},"modified":"2020-11-16T14:26:02","modified_gmt":"2020-11-16T13:26:02","slug":"debugging-css-livre-ahmad-shadeed","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/conseil-critique-livre\/debugging-css-livre-ahmad-shadeed","title":{"rendered":"Debugging CSS &#8211; un livre de Ahmad Shadeed"},"content":{"rendered":"<p>Vous connaissez peut-\u00eatre d\u00e9j\u00e0 Ahmad pour tous ses partages sur la toile au sein de la communaut\u00e9 Web. Il a publi\u00e9 un livre sur le d\u00e9bogage des CSS qui aidera les d\u00e9butants mais aussi les d\u00e9veloppeurs plus avanc\u00e9s \u00e0 d\u00e9couvrir et \u00e0 r\u00e9soudre nombre de bugs, Le tout dans un livre num\u00e9rique bien illustr\u00e9 et structur\u00e9.<\/p>\n<p><!--more--><\/p>\n<h2>\u00c0 propos Ahmad Shadeed<\/h2>\n<p><img decoding=\"async\" class=\"alignleft wp-image-7611\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/11\/ahmad.jpg\" alt=\"\" width=\"177\" height=\"177\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/11\/ahmad.jpg 600w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/11\/ahmad-300x300.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/11\/ahmad-200x200.jpg 200w\" sizes=\"(max-width: 177px) 100vw, 177px\" \/><\/p>\n<p>Je commence g\u00e9n\u00e9ralement par pr\u00e9senter l&rsquo;auteur, m\u00eame s&rsquo;il partage d\u00e9j\u00e0 beaucoup sur <a href=\"https:\/\/twitter.com\/shadeed9\">Twitter<\/a>. Ahmad est ce que nous aimons appeler une licorne, mais son profil multidisciplinaire s&rsquo;accompagne de plusieurs ann\u00e9es d&rsquo;exp\u00e9rience et d&rsquo;un changement de cap au milieu. Il est <span lang=\"en\">designer <\/span>de produits num\u00e9riques et un d\u00e9veloppeur <span lang=\"en\">front-end<\/span> originaire de Palestine. Il aime travailler sur des projets de conception de produits et de d\u00e9veloppement \u00e0 grande \u00e9chelle, ce qui implique de r\u00e9soudre des probl\u00e8mes de conception complexes.<\/p>\n<p>Il \u00e9crit beaucoup sur CSS, l&rsquo;accessibilit\u00e9 et le style de texte <span lang=\"en\">RTL<\/span> (<span lang=\"en\"><em>right to left<\/em><\/span>, de droite \u00e0 gauche). Vous pouvez trouver son site web sur <a href=\"https:\/\/ishadeed.com?utm_source=partner&amp;utm_medium=blog_post&amp;utm_campaign=creativejuiz\">ishadeed.com<\/a> et il est \u00e9galement le cr\u00e9ateur de <a href=\"https:\/\/a11ymatters.com?utm_source=partner&amp;utm_medium=blog_post&amp;utm_campaign=creativejuiz\">a11ymatters.com<\/a> et <a href=\"https:\/\/rtlstyling.com?utm_source=partner&amp;utm_medium=blog_post&amp;utm_campaign=creativejuiz\">rtlstyling.com<\/a>, deux sites web sp\u00e9cialis\u00e9s dans l&rsquo;accessibilit\u00e9 et les langues s&rsquo;\u00e9crivant de droite \u00e0 gauche.<\/p>\n<h2>\u00c0 propos du livre <span lang=\"en\"><em>Debugging CSS<\/em><\/span><\/h2>\n<p class=\"message\"><strong>Avertissement<\/strong> : Je suis un correcteur technique du livre, je ne suis peut-\u00eatre pas impartial \u00e0 100%, mais je suis aussi un ancien d\u00e9veloppeur\u00a0<span lang=\"en\"><em>front-end<\/em><\/span> passionn\u00e9 et un designer d&rsquo;exp\u00e9rience utilisateur travaillant avec plusieurs niveaux de d\u00e9veloppeurs <span lang=\"en\"><em>front-end<\/em><\/span>, avec sa propre opinion. \ud83d\ude1c<\/p>\n<p><img decoding=\"async\" class=\"wp-image-7613 alignleft\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/11\/debugging-css-book.jpg\" alt=\"\" width=\"346\" height=\"491\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/11\/debugging-css-book.jpg 840w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/11\/debugging-css-book-211x300.jpg 211w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/11\/debugging-css-book-423x600.jpg 423w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/11\/debugging-css-book-768x1090.jpg 768w\" sizes=\"(max-width: 346px) 100vw, 346px\" \/>\u00ab\u00a0<em>Master the skill of <strong>Debugging CSS<\/strong><\/em>\u00a0\u00bb est le nom complet du livre.<br \/>\nCe livre veut r\u00e9soudre un probl\u00e8me global : l&rsquo;incompr\u00e9hension ou la sous-estimation du pouvoir de CSS. Il apporte une nouvelle fa\u00e7on de penser le projet, de voir les probl\u00e8mes rencontr\u00e9s et, surtout, la fa\u00e7on de d\u00e9boguer, le tout gr\u00e2ce \u00e0 des cas bien illustr\u00e9s et une ou plusieurs solutions propos\u00e9es.<\/p>\n<p>Le livre commence par l&rsquo;histoire du CSS. En effet, on ne peut pas comprendre un langage et les nouvelles sp\u00e9cifications actuelles, sans passer par son histoire.<\/p>\n<p>Vous verrez ensuite les outils existants pour d\u00e9boguer votre CSS, mais aussi comment mieux conna\u00eetre votre environnement de travail.<\/p>\n<p>Enfin, vous passerez en revue le c\u0153ur du livre : le d\u00e9bogage. Vous serez guid\u00e9 par diff\u00e9rentes facettes : une liste des propri\u00e9t\u00e9s CSS qui conduisent g\u00e9n\u00e9ralement \u00e0 des bogues courants ; des fa\u00e7ons de casser intentionnellement votre mise en page pour vous aider \u00e0 d\u00e9boguer ; une liste de bogues de navigateur, parce que parfois ce n&rsquo;est pas la faute de votre code ; et enfin quelques trucs et astuces g\u00e9n\u00e9riques.<\/p>\n<p>Vous pouvez trouver la pr\u00e9sentation compl\u00e8te sur le site officiel, et acheter ce livre pour commencer \u00e0 devenir un tueur de bogues CSS.<\/p>\n<p class=\"center\"><a class=\"livre\" href=\"https:\/\/debuggingcss.com\/?utm_source=partner&amp;utm_medium=blog_post&amp;utm_campaign=creativejuiz\">Official Website<\/a><\/p>\n<h2>Qui peut lire le livre Debugging CSS ?<\/h2>\n<p>Eh bien&#8230; Connaissez-vous le biais cognitif appel\u00e9 \u00ab\u00a0<a href=\"https:\/\/fr.wikipedia.org\/wiki\/Mal%C3%A9diction_de_la_connaissance\">Mal\u00e9diction de la connaissance<\/a>\u00a0\u00bb ? Il m&rsquo;est difficile de d\u00e9finir quel genre de personnes pourrait\/devrait lire ce livre, mais comme je travaille actuellement avec des d\u00e9veloppeurs front-end d\u00e9butants et des d\u00e9veloppeurs front-end avanc\u00e9s, je n&rsquo;ai qu&rsquo;une seule affirmation en t\u00eate : les gens ne connaissent pas le CSS.<\/p>\n<p>Il est vraiment rare de trouver quelqu&rsquo;un qui connaisse les bases et l&rsquo;histoire du CSS : flottement, contexte d&#8217;empilement, contexte de formatage de bloc, painting du navigateur, animation et transition, fusion de marges, mod\u00e8le de bo\u00eete, etc.<br \/>\nNous ne parlons m\u00eame pas ici de CSS avanc\u00e9, mais seulement de la base permettant de le comprendre et de ses sp\u00e9cificit\u00e9s. Si ces termes vous paraissent flous, pas de soucis, c&rsquo;est courant, vous n&rsquo;\u00eates pas seul, mais sachez que vous \u00eates pr\u00eat \u00e0 lire ce livre \ud83d\ude0a. C&rsquo;est une bonne nouvelle.<\/p>\n<p>Je vais essayer de r\u00e9sumer les enseignements utiles de ce livre en fonction de votre niveau en CSS, si je peux me permettre :<\/p>\n<ul>\n<li><strong>D\u00e9butants<\/strong> : n&rsquo;h\u00e9sitez pas, achetez ce livre, il est fait pour vous. Lisez-le d&rsquo;abord en le scannant (lisez enti\u00e8rement la premi\u00e8re partie, ainsi que la partie sur les outils) pour comprendre sa structure, puis revenez aux sections qui vous aideront.<\/li>\n<li><strong>Interm\u00e9diaires<\/strong> : sautez dessus aussi. Vous savez beaucoup de choses sur le CSS, mais je peux vous assurer que vous allez d\u00e9couvrir de nouvelles choses. C&rsquo;est encore plus vrai si vous \u00eates habitu\u00e9 \u00e0 d\u00e9boguer d&rsquo;une certaine mani\u00e8re, Ahmad vous montrera de nouvelles perspectives ici et l\u00e0.<\/li>\n<li><strong>Avanc\u00e9s<\/strong> : m\u00eame si vous n&rsquo;\u00eates pas la premi\u00e8re cible de ce livre, je pense que le prix en vaut la peine. Les illustrations vous aideront \u00e0 affiner votre compr\u00e9hension, et vous apprendrez certainement 2 ou 3 choses ici et l\u00e0, ce qui vous aidera \u00e0 aiguiser vos connaissances. Elles peuvent \u00e9galement vous aider \u00e0 partager vos connaissances si vous \u00e9crivez des articles de blog, des livres ou si vous enseignez.<\/li>\n<\/ul>\n<p>Comme vous pouvez le constater, en fonction de votre niveau, vous tirerez diff\u00e9rents types de b\u00e9n\u00e9fices \u00e0 la lecture de ce livre.<\/p>\n<p>N&rsquo;h\u00e9sitez pas \u00e0 revenir sur cet article pour commenter et partager avec nous votre propre exp\u00e9rience de lecture et ce que vous aurez appris. On peut aussi se retrouver sur <a href=\"https:\/\/twitter.com\/geoffreycrofte\">Twitter<\/a>.<\/p>\n<p>Bonne lecture ! \ud83d\ude0a<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous connaissez peut-\u00eatre d\u00e9j\u00e0 Ahmad pour tous ses partages sur la toile au sein de la communaut\u00e9 Web. Il a publi\u00e9 un livre sur le d\u00e9bogage des CSS qui aidera les d\u00e9butants mais aussi les d\u00e9veloppeurs plus avanc\u00e9s \u00e0 d\u00e9couvrir et \u00e0 r\u00e9soudre nombre de bugs, Le tout dans un livre num\u00e9rique bien illustr\u00e9 et [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":7617,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[140],"tags":[142,898,143],"coauthors":[597],"class_list":["post-7653","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conseil-critique-livre","tag-css","tag-ebook","tag-livre"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/7653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=7653"}],"version-history":[{"count":1,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/7653\/revisions"}],"predecessor-version":[{"id":7654,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/7653\/revisions\/7654"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/7617"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=7653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=7653"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=7653"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=7653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}