https://wiki.phobos-net.fr/ 2026-05-06T14:34:25+00:00 https://wiki.phobos-net.fr/ https://wiki.phobos-net.fr/lib/tpl/dokuwiki/images/favicon.ico text/html 2025-08-15T14:28:47+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/simplifiez-vous-le-css-avec-sass/130_clarifier_html_via_bem?rev=1755268127&do=diff cours dev developpement web css sass html Clarifiez votre HTML avec BEM Notes et transcriptions du cours Simplifiez vous le CSS avec Sass proposé sur la plateforme Openclassrooms. Soyons honnêtes, vous passerez plus de temps à lire votre code qu’à l’écrire. Que ce soit parcourir votre code à la recherche d’un élément à modifier, ou juste pour vous rappeler comment fonctionne tel ou tel élément. D’où l’importance de bien nommer vos sélecteurs. text/html 2025-08-15T11:58:27+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/simplifiez-vous-le-css-avec-sass/110_simplifier_votre_code?rev=1755259107&do=diff cours dev developpement web css sass html Simplifiez votre code Notes et transcriptions du cours Simplifiez vous le CSS avec Sass proposé sur la plateforme Openclassrooms. Trouvez les répétitions Peu importe le langage que vous utilisez, écrire du code, rajouter des lignes, créer un immense plat de spaghettis sans prendre en compte la structure et sans l’organiser proprement ? Tout le monde le fait. text/html 2025-08-16T13:49:42+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/simplifiez-vous-le-css-avec-sass/220_utiliser_variables_et_mixins?rev=1755352182&do=diff cours dev developpement web css sass html Utilisez les variables et mixins Notes et transcriptions du cours Simplifiez vous le CSS avec Sass proposé sur la plateforme Openclassrooms. Initiez-vous aux variables Pour le moment, le site de Robbie Lens ne comporte pas beaucoup de couleurs, mais nous les utilisons sans arrêt. Entre nous, je suis incapable de retenir les couleurs par leur text/html 2025-08-16T11:52:41+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/simplifiez-vous-le-css-avec-sass/210_optimiser_la_lecture_du_code?rev=1755345161&do=diff cours dev developpement web css sass html Optimisez la lecture du code Notes et transcriptions du cours Simplifiez vous le CSS avec Sass proposé sur la plateforme Openclassrooms. La syntaxe est importante et nous permet d’écrire du code plus organisé, certes ; mais seule, elle n’est pas très efficace et on ne comprend pas trop l’intérêt d’écrire du text/html 2025-08-17T08:27:05+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/simplifiez-vous-le-css-avec-sass/230_ameliorer_mixins_via_fonctions?rev=1755419225&do=diff cours dev developpement web css sass html Améliorez vos mixins grâce aux fonctions Notes et transcriptions du cours Simplifiez vous le CSS avec Sass proposé sur la plateforme Openclassrooms. Vous avez créé un mixin pour incorporer une bordure sur le titre du portfolio de Robbie. Sauf que, changement de programme, la couleur de l’ombre ne plaît plus du tout. On vous envoie un nouveau visuel : text/html 2025-08-17T09:17:00+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/simplifiez-vous-le-css-avec-sass/240_adapter_code_a_tout_support?rev=1755422220&do=diff cours dev developpement web css sass html Adaptez votre code sur tous supports Notes et transcriptions du cours Simplifiez vous le CSS avec Sass proposé sur la plateforme Openclassrooms. Pour le moment, tout a l’air parfait quand on regarde notre page sur un navigateur d’ordinateur. Sauf que sur mobile… Une mise en page typique du design non responsive sur mobile text/html 2025-08-17T10:16:59+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.phobos-net.fr/doku.php/cours/informatique/dev/web/simplifiez-vous-le-css-avec-sass/260_quiz_optimiser_css_avec_sass?rev=1755425819&do=diff cours dev developpement web css sass html Quiz : Optimiser son CSS avec Sass Notes et transcriptions du cours Simplifiez vous le CSS avec Sass proposé sur la plateforme Openclassrooms. Question 1 Dans Sass, lorsque vous utilisez &, sous quelle forme se compile le symbole esperluette (&) ? * L’esperluette (&) * Le combinateur adjacent