Besoins d'avis de codeurs CSS (bis)

[Florent Verschelde]

(Deuxième essai d'envoi de message. Le premier n'est apparemment pas passé?)

Bonjour à tous,

Présentation rapide: pour ceux qui ne me connaissent pas et que je
n'ai pas eu l'occasion de croiser (la plupart d'entre vous ;)), je
suis intégrateur web et un des modérateurs d'Alsacreations.

J'ai dans l'idée de lancer le projet suivant: la rédaction d'un guide
stylistique pour HTML et CSS. La première étape consisterait à
soumettre un questionnaire à des intégrateurs et développeurs un
minimum expérimentés pour se faire une idée de leurs pratiques
formelles de codage en HTML et CSS: non pas quels éléments et quelles
propriétés ils utilisent (ou le type de positionnement en CSS, ou...),
mais comment ils formatent leur code.

Je donne des précisions supplémentaires et demande quelques avis sur
ce projet dans le sujet suivant:
http://forum.alsacreations.com/topic-14-38057-1.html

N'hésitez pas à y mettre votre grain de sel.

Cordialement,

--
Florent Verschelde
http://www.covertprestige.net

[Stephane Deschamps]

Nicolas Froidure : tu peux faire le même commentaire sans html stp ?
C'est super mal passé sur le groupe, à peu près illisible (enfin non,
mais fatigant pour mes yeux qui n'ont plus vingt ans)

--
Stéphane Deschamps
perso: http://www.nota-bene.org/
org: http://www.pompage.net/

[nicolas_froidure]

Je te répond direct ici comme ça les autres peuvent donner leur avis.
Ca nous permettra de profiter du travail de recoupement ;).

Partie HTML

> Quelle versions de HTML ou XHTML utilisez-vous? Quelle version priviligiez-vous?
XHTML rules !

> Respectez-vous des règles strictes pour l’écriture des balises et attributs HTML même en HTML 4.01 (balises systématiquement en majuscules ou systématiquement en minuscules, pas de guillemets ou single quotes ou double quotes pour tous les attributs, etc.)?
Oui

> Quel usage faites-vous de la validation du code HTML?
Validation des templates après finalisation site

> Quel usage faites vous des commentaires HTML?
Démarquation entre les blocs principaux de la page :
<!-- HEADER : Begin //-->
<div id="header">
(...)</div>
<!-- HEADER : End //-->

> Quels sont les éléments HTML que vous utilisez le plus? Y a-t-il une logique précise pour l'utilisation de tel ou tel élément (un P plutôt qu’un DIV, par exemple)?
Distinction entre quatre types :
- superblock (block pouvant contenir d'autres block, mais pas tous,
ceux pour qui ça a du sens : blockquote, del, ins, parfois div).
- blocks : hn, dl, ol, ul, p, address, pre, table
- inline : tout le reste avec systématiquement quand ça a du sens :
strong, em, acronym, abbr, cite, q, del, ins, dfn...

> Quel usage faites-vous des éléments génériques DIV et SPAN?
Ajout stylistique quand la structure du doc HTML ne permet pas de
faire autrement. Parfois sémantique dans le cadre des microformats
(reste marginal).

> Avez-vous une convention de nommage pour les classes et identifiants (ou une convention différente pour chaque)? Choix des mots, minuscules, majuscules alternées, tirets, traits de soulignement, etc.

Pour les classes et id, minuscules, dans un seul mot dans la mesure du
possible, sinon - représentant la hiérarchie si il y en a une (left to
right).
> Dans quels cas utilisez vous plutôt les classes ou plutôt les identifiants?

Identifiant pour un élément unique, class pour un élément amené à se
répéter.
Partie CSS
> Quel usage faites-vous de la validation CSS?

Aucun, elles se valident pas avec certains hacks.
> Comment utilisez-vous les commentaires en CSS? Avez-vous des «styles» précis pour différents types de commentaires (capitales, étoiles ou autres symboles dans le commentaire, etc.)?

/*---- Annonce un gros block de code spéficique à un groupe distinct
----*/


Pas d'autre utilisation des commentaires pour les CSS, le code parle
de lui même.
> Utilisez-vous des sélecteurs «verbeux» (le plus précis possibles et reprenant le contexte d’utilisation de l’élément), ou au contraire les plus courts possibles? Ou bien une solution intermédiaire?

verbeux le plus court possible mais sans exagérer avec des
abréviations..
> Comment utilisez-vous les espaces, retours à la ligne, lignes vides et indentations? Pouvez-vous fournir un exemple-type?
> Regroupez-vous les blocs de déclarations (sélecteurs + leurs propriétés) de manière logique ou prévisible? Quelle est la logique utilisée, et dans quel ordre les placez-vous?
Pas d'indentation. Une ligne vide entre chaque groupe important de
code introduit pas un commentaire.
Identifiant du groupe suivit du sélecteur approprié :
div#header h1 { float:left; position:relative; width:300px; height:
110px; left:0; top:20px; margin:0; padding:0; }
div#header h1 a { display:block; width:100%; height:100%; }
div#header a span { display:none; }

> Utilisez-vous des indentations multiples (jusqu’à plusieurs niveaux d’indentation) pour, par exemple, refléter la structure du code HTML?
non

> Utilisez-vous les propriétés de raccourci? Si oui, les utilisez-vous systématiquement et en priorité, ou seulement lorsque cela permet de gagner quelques déclarations (propriété + valeur)?
Oui, quand ça permet de gagner des caractères. Typiquement :
margin: 0 0 0 1px; prend moins de place que margin-left:1px; et en
plus, c'est évolutif. Y'a pas mal d'autres raisonnements de ce type à
faire.

> Respectez-vous un ordre précis pour les propriétés CSS (ordre alphabétique, ordre «logique», etc.)? Si besoin, pouvez-vous le détailler?
Oui, grand groupes l'un après l'autre (header, footer, menu etc...)
Puis traitement de texte du contenu du document.
D'une manière générale : disposition avant les styles "graphiques"
dans une même ligne, une pratique sympa : faire un retour à la ligne
avant les styles réservés au graphisme .

> Dans une feuille de styles relativement longue (pus de quelques dizaines de ligne, et jusqu’à des centaines ou milliers de lignes), comment organisez-vous les différents styles? Utilisez vous des commentaires introduisant différentes parties, une «table des matières», ou d’autres procédés.
Yep, expliqué plus haut.

> Utilisez-vous plusieurs feuilles de styles pour un projet de «petit» site (moins de dix pages-type). Utilisez-vous plusieurs feuilles de styles pour des projets plus conséquents? Comment séparez-vous les différents styles: par type de propriétés CSS, par type de page, etc.?
Une commune à toutes les pages, une par page dîte "tableau", un peu
élaborée quoi. Pour un gros projet, chaque page a tendance a être une
page tableau.

> Utilisez-vous des hacks CSS? Lesquels en particulier?
Oui, le _ devant une propriété pour ie6

> Utilisez-vous les commentaires conditionnels pour Internet Explorer? Si oui, comment procédez-vous?
Non.

[nicolas_froidure]

Vraiment désolé pour le bruit, mais j'éprouve quelques difficultés
avec Google Groups...

On 31 oct, 17:05, "Stephane Deschamps" <stephane.descha...@gmail.com>
wrote:

[bruno bichet (br1o)]

Salut Florent et tous les autres,

Très bonne idée, ce guide stylistique ! Pour ma part, j'ai répondu
sous la forme d'un billet sur mon blog :
http://www.css4design.com/blog/contribution-guide-stylistique-html-css

a++

[Country]

Ma contribution (parce que c'est quand même plus lisible sur le
forum) :

http://forum.alsacreations.com/topic-14-38057-1-Projet-Redaction-dun-guide-stylistique-pour-HTML-et-CSS.html#p275085

J'ajouterai que ce projet est une très bonne initiative, mais c'est
toujours dur "d'imposer" une convention de codage, chacun ayant ses
préférences et ses habitudes (commentaires, retours à la ligne ou non,
etc.). Il y a du troll en perspective ;)

A noter que je devrai publier bientôt les guidelines que j'utilise
dans mon boulot, ça reprend plusieurs points soulevés ici ainsi que
quelques autres (encodage des fichiers, caractère de fin de ligne,
etc.). C'est encore loin d'être parfait mais ça permet d'avoir une
documentation à peut prêt carrée pour les nouveaux venus qui devrons
éventuellement travailler sur nos projets.

[eric.eri...@gmail.com]

Bonjour,

Idem, ma réponse sur le forum :-)

On 6 nov, 15:40, Country <yannick.croiss...@gmail.com> wrote:
> Ma contribution (parce que c'est quand même plus lisible sur le
> forum) :
>

> http://forum.alsacreations.com/topic-14-38057-1-Projet-Redaction-dun-...