Prendre des conventions en CSS et les documenter - commentaires Prendre des conventions en CSS et les documenter 2018-06-12T08:29:03Z https://openweb.eu.org/articles/prendre-des-conventions-et-les-documenter#comment2969 2018-06-12T08:29:03Z <p>Julie : il existe quelques solutions, comme KSS ou d'autres évoquées ici. Personnellement, mon graphiste utilise la même base en général qu'il adapte selon les sites, depuis Illustrator. Ceci dit, oui, c'est long à créer, il n'y a pas de miracles.</p> Prendre des conventions en CSS et les documenter 2018-06-11T19:20:59Z https://openweb.eu.org/articles/prendre-des-conventions-et-les-documenter#comment2968 2018-06-11T19:20:59Z <p>Bonjour,<br class="autobr" /> Cet article est très intéressant.<br class="autobr" /> Je me demandais comment vous faisiez le document de guides de styles. Quel logiciel vous utilisez ? <br class="autobr" /> Par exemple les schémas avec les layouts, ou bien les exemples avec le code écrit à côté.<br class="autobr" /> De mon côté, je le fais sur un cahier. J'ai essayé de faire ces documentations avec des logiciels bureautiques classiques. Mais un rendu confortable à lire est long à créer.<br class="autobr" /> Bien à vous,<br class="autobr" /> Julie</p> Prendre des conventions en CSS et les documenter 2014-05-23T10:58:34Z https://openweb.eu.org/articles/prendre-des-conventions-et-les-documenter#comment2411 2014-05-23T10:58:34Z <p>En complément de mon commentaire précédent, je vous partage un article que j'ai écrit sur la "Génération de guide de styles avec Grunt" : <a href="https://medium.com/@JeremyRaffin/4abccdcbab29" class="spip_url spip_out auto" rel="nofollow external">https://medium.com/@JeremyRaffin/4abccdcbab29</a></p> Prendre des conventions en CSS et les documenter 2014-05-11T19:57:18Z https://openweb.eu.org/articles/prendre-des-conventions-et-les-documenter#comment2392 2014-05-11T19:57:18Z <p>Article très intéressant !</p> <p>Les guides de styles tendent à se démocratiser surtout sur des projets ou plusieurs personnes interviennent.</p> <p>Pour ceux qui utilise Grunt ou prévoit de l'utiliser je conseille grunt-styleguide (<a href="https://github.com/indieisaconcept/grunt-styleguide" class="spip_url spip_out auto" rel="nofollow external">https://github.com/indieisaconcept/grunt-styleguide</a>), permettant d'utiliser KSS ou Style Docco.</p> <p>Je travaille actuellement sur le design et l'intégration d'une interface pour une plateforme d'affiliation et la génération automatique d'un styleguide (qui sera ensuite fourni aux équipes de développement) en prenant seulement quelques minutes pour commenter le CSS qu'on est en train de faire, c'est juste génial.</p> Prendre des conventions en CSS et les documenter 2014-05-09T12:32:11Z https://openweb.eu.org/articles/prendre-des-conventions-et-les-documenter#comment2391 2014-05-09T12:32:11Z <p>Ysabeau : oui, je vois pas ce qui l'empêcherait :)</p> <p>Ch. Onze : de rien.</p> <p>Nicolas : autant pour moi, le pire c'est que le lien indiqué juste en-dessous donne bien la bonne version. C'est corrigé merci :)</p> Prendre des conventions en CSS et les documenter 2014-05-09T10:17:39Z https://openweb.eu.org/articles/prendre-des-conventions-et-les-documenter#comment2390 2014-05-09T10:17:39Z <p>Super article merci Nicolas.</p> <p>Par contre le modifieur est généralement introduit par '—' et non '__' comme tu l'indiques dans ton exemple :</p> <p>.block{}<br class="autobr" /> .block—element{}<br class="autobr" /> .block__modifieur{}</p> <p>Merci encore !</p> Prendre des conventions en CSS et les documenter 2014-05-09T08:41:58Z https://openweb.eu.org/articles/prendre-des-conventions-et-les-documenter#comment2389 2014-05-09T08:41:58Z <p>Très bonne piqûre de rappel. Et merci pour les liens, je les ajoute à ma file de lecture !</p> Prendre des conventions en CSS et les documenter 2014-05-08T18:52:10Z https://openweb.eu.org/articles/prendre-des-conventions-et-les-documenter#comment2388 2014-05-08T18:52:10Z <p>Ce sont les miennes qui ne sont pas terribles de CSS.</p> <p>J'imagine que je peux utiliser KNACSS avec SPIP sans autre forme de procès !</p>