{"id":3554,"date":"2013-07-18T11:52:37","date_gmt":"2013-07-18T09:52:37","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=3554"},"modified":"2025-01-09T10:25:16","modified_gmt":"2025-01-09T09:25:16","slug":"smacss-en-francais-organiser-css-efficacement","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/css-css3\/smacss-en-francais-organiser-css-efficacement","title":{"rendered":"SMACSS (en fran\u00e7ais) &#8211; Organisez vos CSS efficacement !"},"content":{"rendered":"<p>Des m\u00e9thodologies pour organiser ses CSS, il en existe quelques unes. Elles r\u00e9pondent toutes \u00e0 des questions de fonctionnement interne, personnel ou sont li\u00e9es au projet web abord\u00e9. SMACSS en propose une plut\u00f4t flexible, \u00e0 d\u00e9couvrir dans le bouquin de Jonathan Snook, r\u00e9cemment traduit en Fran\u00e7ais par Estelle Bonhomme.<!--more--><\/p>\n<h2>Une m\u00e9thode pour organiser son CSS efficacement<\/h2>\n<p>J\u2019ai toujours cherch\u00e9 \u00e0 am\u00e9liorer ma m\u00e9thode d\u2019organisation de mes CSS. Quand je suis tomb\u00e9 sur SMACSS, j\u2019ai trouv\u00e9 cette m\u00e9thode tellement pertinente que j\u2019ai d\u00e9cid\u00e9 de l\u2019adopter pour tous mes sites. Maintenant, j\u2019arrive beaucoup plus facilement \u00e0 organiser mon CSS, \u00e0 choisir mes noms de classes et \u00e0 faire du CSS r\u00e9utilisable pour mes diff\u00e9rents projets. C\u2019est clairement plus simple quand on a une m\u00e9thode bien d\u00e9finie.<\/p>\n<p class=\"center\"><a href=\"https:\/\/smacss.com\/fr\/\"><img decoding=\"async\" class=\"noborder aligncenter\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2013\/07\/smacss-cover.png\" alt=\"smacss-cover\" width=\"247\" height=\"328\" \/><\/a><\/p>\n<h2>Jonathan Snook, un grand du web<\/h2>\n<p><img decoding=\"async\" class=\"alignleft noborder\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2013\/07\/jonathan-snook.png\" alt=\"jonathan-snook\" width=\"202\" height=\"169\" \/>L\u2019auteur de SMACSS est une des personnalit\u00e9s les plus influentes en ce qui concerne le d\u00e9veloppement front-end. Son livre est une r\u00e9f\u00e9rence au niveau mondial mais n&rsquo;est malheureusement que trop peu connu en France.<\/p>\n<p>Sa m\u00e9thode est assez flexible, vous pouvez l\u2019adapter comme cela vous arrange. Il n\u2019impose rien, mais donne plut\u00f4t de nombreux conseils tr\u00e8s pratiques. Pour ma part, j\u2019ai tellement aim\u00e9 que je lui ai tout de suite propos\u00e9 une traduction en fran\u00e7ais. Apr\u00e8s plusieurs mois de travail, le livre est enfin disponible en e-book !<\/p>\n<p>Merci \u00e0 la traductrice <a href=\"http:\/\/www.estellebonhomme.com\/\">Estelle Bonhomme<\/a> et aux relecteurs: <a href=\"https:\/\/geoffreycrofte.com\">Geoffrey Crofte<\/a> &amp; <a href=\"http:\/\/sutterlity.fr\/\">Laurent Sutterlity<\/a>.<\/p>\n<h2>L\u2019avis de la communaut\u00e9 francophone sur le livre<\/h2>\n<blockquote><p>\u201cSMACSS est une lecture et une m\u00e9thodologie enrichissantes. Que vous adh\u00e9riez ou non \u00e0 la m\u00e9thode propos\u00e9e, cette mani\u00e8re d\u2019organiser vos CSS \u00e0 le m\u00e9rite d\u2019\u00eatre non directive et simple \u00e0 mettre en oeuvre dans un projet web. Elle permet notamment d\u2019obtenir un code modulaire r\u00e9utilisable et facilement maintenable, sur de petits projets, mais \u00e9galement sur de gros projets.\u201d<br \/>\n\u2013 <a href=\"https:\/\/geoffreycrofte.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Geoffrey Crofte<\/strong><\/a><\/p><\/blockquote>\n<blockquote><p>\u201cOn peut d\u00e9gager de la pratique quelques principes de conception pour organiser le code HTML et CSS d\u2019un projet \u00e0 l\u2019autre. Dans cette optique, Jonathan Snook nous fait profiter de son exp\u00e9rience avec SMACSS.[&#8230;] Je vous invite \u00e0 vous procurer SMACSS aussi vite que possible pour d\u00e9couvrir toute une flopp\u00e9e de trucs et astuces qui vous aideront \u00e0 organiser vos maquettes, vos modules et les \u00e9tats qui vont avec.\u201d<br \/>\n\u2013 <a href=\"http:\/\/bruno.4design.tl\/\" target=\"_blank\" rel=\"noopener\"><strong>Br1o<\/strong><\/a><\/p><\/blockquote>\n<blockquote><p>\u201cTout simplement essentiel pour un code bien ordonn\u00e9, maintenable et un travail en \u00e9quipe!<br \/>\nDe l&rsquo;int\u00e9grateur expert au d\u00e9butant, SMACSS permet d&rsquo;avoir une convention de nomage claire et une approche orient\u00e9e objet CSS. Cette m\u00e9thode est valable pour des gros et petits projets.\u201d<br \/>\n\u2013 <a href=\"http:\/\/sutterlity.fr\/\" target=\"_blank\" rel=\"noopener\"><strong>Laurent Sutterlity<\/strong><\/a><\/p><\/blockquote>\n<blockquote><p>\u00ab\u00a0SMACSS est l&rsquo;une des lectures incontournables du d\u00e9veloppeur soucieux de produire un code CSS maintenable.\u00a0\u00bb<br \/>\n\u2013 <a href=\"http:\/\/www.kaelig.fr\/\" target=\"_blank\" rel=\"noopener\"><strong>Kaelig<\/strong><\/a> \/ Auteur de CSS Maintenanbles<\/p><\/blockquote>\n<p>Alors, si SMACSS en fran\u00e7ais vous tente, rendez-vous sur <a href=\"https:\/\/smacss.com\/fr\/\">le site officiel<\/a> pour vous le procurer!<\/p>\n<p class=\"center\"><a class=\"livre\" href=\"https:\/\/smacss.com\/fr\/\">Se procurer le bouquin SMACSS en fran\u00e7ais<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Des m\u00e9thodologies pour organiser ses CSS, il en existe quelques unes. Elles r\u00e9pondent toutes \u00e0 des questions de fonctionnement interne, personnel ou sont li\u00e9es au projet web abord\u00e9. SMACSS en propose une plut\u00f4t flexible, \u00e0 d\u00e9couvrir dans le bouquin de Jonathan Snook, r\u00e9cemment traduit en Fran\u00e7ais par Estelle Bonhomme.<\/p>\n","protected":false},"author":12,"featured_media":3570,"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":[17,140],"tags":[144,555,143,951,145],"coauthors":[950],"class_list":["post-3554","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-css3","category-conseil-critique-livre","tag-critique","tag-jonathan-snook","tag-livre","tag-livre-numerique","tag-methodologie"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/3554","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\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=3554"}],"version-history":[{"count":2,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/3554\/revisions"}],"predecessor-version":[{"id":8702,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/3554\/revisions\/8702"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/3570"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=3554"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=3554"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=3554"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=3554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}