En ce que concerne la part de debug IE6, nous utilisons un système d’embriquement de div qui permet d’éviter déjà un grand nombre d’écueils liés à ce navigateur (qui représente quand même 10% de l’audience de nos sites). Nous utilisons également une classe clearfix qui règle pas mal de problèmes. Après comme l’a dit Ben, ce temps a tendance à diminuer avec l’expérience des bugs rencontrables

Pour nos sites nous avons plusieurs css distinctes (aucune dédiée à IE6 ; nous essayons d’utiliser le moins possible les hacks). En fait nous découpons nos css selon leur utilité : mise en page globale, reset, png, etc. C’est par souci de clarté car nous sommes une dizaine à pouvoir potentiellement toucher à ces fichiers donc c’est rapidement le bordel, alors ça évite les débordements (même si c’est pas encore ça XD)

Pour ton histoire de png, pourquoi tu n’utilises pas les filter ?

- Tous les hacks IE 6 dans un fichier CSS à part avec commentaire conditionnel (http://www.alsacreations.com/astuce/lire/48-quest-ce-que-les-commentaires-conditionnels.html)

- Si le site n’est pas commercial, utiliser le script de Dean Edwards pour purement et simplement ignorer les déficiences d’IE6 au prix d’un chargement supplémentaire pour les utilisateurs du monstre (http://24ways.org/2008/the-ie6-equation)

- Si le site est commercial, utiliser un framework CSS qui gomme 90 % des problèmes de compatibilité. Évidement, l’outil est à adapter à ses besoins, sinon on risque le syndrome de l’usine à gaz. (http://www.blueprintcss.org/)

Par ailleurs, félicitation pour ce blog, tant au niveau des articles que pour le design qui reflète bien le point de vue que tu y décris en terme d’ergonomie et d’esthétique.

@sharky
J’aurais en effet dû ajouter une partie brainstorming. Et pour le fait de rétrécir les noms des classes, il y a en effet un juste milieu à trouver entre rester lisible et rester compréhensible.
A propos du reset, j’utilisais aussi le *{ margin:0; padding:0;} pendant longtemps mais je me suis rendu compte qu’il y avait mieux. Le reset CSS de Yahoo! est plutôt bien, et pas trop long. Je le préfère à celui d’Eric Meyer.

Et en tout et pour tout, le temps d’intégration dépend de 2 choses :
- est-ce qu’il y a beaucoup d’éléments uniques ? C’est à dire des éléments qui sont n’apparaissent qu’une seule fois et qui doivent avoir leur style juste à eux. Il arrive que ces éléments s’intègrent mal avec le reste (notamment si il y a une image de fond avec ombre portée par exemple).
- est-ce que toutes les pages sont livrées au début ? Si on a tout dès le départ, on peut voir les éléments qui se répètent d’une page à l’autre (même avec de légères variations). On peut alors avoir cette approche modulaire où on regroupe dans une classe unique les propriétés qui sont identiques, et puis qu’on applique les spécificités avec une contextualisation.

Donc le temps d’intégration peut varier de 2 à 5 jours en général.

Je me posais justement la question ces derniers jours :

“combien de temps prennent les autres ? ”

Travaillant dans une petite boite avec une poignée de personnes qui ont chacun leur propre fonction, je n’ai pas vraiment de collègues de références en la matière

Et bien je suis +/- d’accord avec toi.

Mon temps de travail est réparti à peu près de la même façon.

Dans mon cas, je diminuerais un peu IE6 car avec une feuille de style dédié, on arrive à régler assez rapidement les différents bugs connus. Enfin, ca dépend …

J’augmenterais le découpage en ajoutant à cette partie la phase de ‘brainstorming’. Il y a des design qui ne sont pas toujours évident, et je me suis déjà attardé plus d’une fois à prendre un crayon en main pour me faire un croquis et pensé aux “techniques” que j’allais utiliser pour le futur découpage/intégration.

Pour le nom des classes & id, j’essaye d’utiliser des noms les plus significatifs possible et tanpis si ca prend 10 lettres.
A force de rétrécir les mots, 6 mois après, on ne sait plus ce qu’on avait voulu dire …

Pour le html, j’essaye d’avoir une structure la plus propre possible, mais comme toi, je ne m’interdit pas un div de plus et même un attribut si besoin. C’est la productivité avant tout !

Pour le css, je n’ai pas encore utilisé de fichier de reset.
Je remet juste les margin & padding à zéro.
je garde tout dans une seule feuille de style structuré avec des commentaires et je fais la même chose que toi pour le reste. Ca me va très bien pour l’instant, mais je ne travaille pas sur des gros projets. Si c’était le cas, je pense que je structurerais dans des différents fichiers css (reset, nav, global, clear, …).

Voilà, il y a aussi la partie javascript.
Personnellement, j’utilise la bibliothèque jquery.
Très simple à prendre en main et cela me satisfait pleinement.

Et enfin dans mon cas, le php/mysql, mais ca , ce sera le sujet d’un autre post

Maintenant, ce que je voudrais savoir, c’est combien de temps pour faire tout ca pour un petit à moyen site. Layout web, intégration, etc … ?

si je defais faire moi aussi mon camembert:
- pas de découpe d’img (fait par les graphistes), mais qques retouches sous gimp + découpes de qques éléments manquants (puces, …)
- une partie javascript / jquery
- une partie lorem ipsum
- “nommer les class/ID” fait en grande partie par le CMS (spip en ce qui me concerne)

voilà voilà. a+