Au sujet des fureteurs

Un bon ami (allo Lamine Sy!) m'a souligné ce matin qu'un de mes articles (celui, un peu corsé, sur le truc Barton-Nackman) mentionnait qu'il fallait porter attention, dans l'un des exemples, aux éléments en caractères gras, et qu'il ne voyait pas de gras dans l'exemple.

Intrigué, je regarde chez moi, et je vois très bien le tout. Alors je démarre mon arsenal de fureteurs (les plus populaires, du moins):

J'utilise principalement Firefox pour futerer sur Internet. La plupart des tests que je fais sur mes pages (qui ne sont pas très complexes côté balises) sont faits avec Firefox
J'utilise aussi Firefox sur mon poste Linux. J'aimerais que l'installation en soit plus conviviale, mais ça fonctionne très bien (j'ai évidemment un tas d'autres fureteurs sur cette plateforme)
J'utilise aussi Chrome, qui est mon deuxième choix mais qui est un très bon produit (parfois meilleur, parfois moins bon que Firefox... Mon choix de Firefox est en partie moral)
J'utilise accessoirement Opera, que j'aime bien et qui est très rapide. C'est sans doute lui qui est le plus efficace pour naviguer de tous les fureteurs installés sur mes ordinateurs et c'est celui dont l'affichage est le plus agréable à l'oeil. Ce qui me retient de m'en servir plus est qu'il est très lent et un peu contre-intuitif pour certaines opérations très courantes pour moi (entretien des signets, dont la supression ou les réaménagements sont tous deux d'une lenteur inouïe et qu'il s'obstine à placer en ordre alphabétique que je le veuille ou non)
J'utilise au besoin seulement Internet Explorer

Si vous tenez absolument à utiliser Internet Explorer pour visiter h-deb, que ce soit par conviction (qu'y puis-je?) ou par obligation (votre compagnie refuse que vous utilisez autre chose... encore une fois, qu'y puis-je?), alors il vous faudra contourner les différentes déficiences de votre produit pour être en mesure de consulter sans trop de douleur les éléments, si simples soient-ils, qu'il peine à afficher correctement.

Les balises fréquemment rencontrées sur h-deb

Les mauvaises langues prétendront sans doute qu'à l'apparence du site, je ne me dirige probablement pas vers une carrière de Webmestre... .

Conformément à la philosophie derrière h-deb, qui est (de mon point de vue, celui de l'auteur des articles répertoriés ici) d'offrir un service à une communauté disposée à fouiller un peu par elle-même et à mon concentrer sur le contenu tout en m'amusant avec des idées avec lesquelles j'aime bien jongler, je ne pense vraiment pas investir du temps à pallier les bugs bêtes de produits déficients (à moins que ces bugs ne rendent impossible la lecture du site, évidemment).

Cela dit, pour que vous sachiez à quoi vous attendre, les balises les plus fréquemment rencontrées sur h-deb sont probablement les suivantes:

Pour les exemples de code, j'utilise habituellement les balises <div>, <pre> et <code> (cette dernière de moins en moins, car j'intègre un outil de formatage du code qui lui est antagoniste ces derniers mois) de même que toute la gamme des métacaractères utiles à un programmeur comme < pour < et & pour & et les balises et pour certaines mises en relief
Pour les mises en relief, j'utilise la balise , surtout pour les éléments de code insérés à même le texte de l'article plutôt que dans un encadré et pour lesquels j'applique une police non proportionnelle, de même que les balises et . Vous verrez aussi assez souvent les balises et dans le cas des renvois (je les remplace graduellement par du CSS)
Les énumérations sont habituellement faites des balises <ul> et <li>
Pour le formatage du texte, j'ai recours à certains métacaractères comme &ndash pour –
J'utilise aussi occasionnellement des tables pour l'organisation du code, donc j'utilise les balises <table>, <tr>, <th> et <td>;
J'ai éliminé les cadres (<frame>, <frameset>) presque entièrement avec le passage du temps
Évidemment, j'utilise des hyperliens tels que <a id...>, <a href=...> et <img src=...> et les balises standards que sont et <hr>. J'utilise très peu

Il y a un tas d'autres trucs mais ce sont là les plus communes (si je ne m'abuse) et donc les plus susceptibles d'affecter votre consultation du site si votre fureteur a des difficultés. Évidemment, le tout est sujet à changements avec le passage du temps alors ne prenez ces éléments d'information qu'à titre indicatif.

J'ai essentiellement fait disparaître toutes les images en format GIF du site pour les remplacer (dans la majorité des cas) par des images en format PNG, un standard plus neutre et (de bien des manières) supérieur. Il se peut que vous croisiez des GIF de temps à autres, mais c'est simplement parce que j'ai peu de temps pour dépister, remplacer et tester tous les documents posant problème.

Vous trouverez ici et là du code dans plusieurs langages, incluant Erlang, Go, Java, JavaScript et C#, mais C++ y est prépondérant. J'essaie de faire en sorte que le code C++ soit pleinement portable et efficace, mais je donne parfois des cours très près d'une plateforme ou de l'autre alors plusieurs des projets ne compileront que sur la plateforme pour laquelle ils ont été rédigés.

Je suis aussi en processus de nettoyage de vieilles pages pleines de balises à éviter (des , des , des , etc.) et de séparation graduelle du contenu et de la forme avec des feuilles de style, mais je ne fais ça qu'à temps perdu alors h-deb est présentement une soupe un peu hétérogène de pages Web aux balises préadolescentes et de pages Web aux balises porteuses de sens (, , , ...). Ça prendra le temps que ça prendra.

J'ai aussi migré l'essentiel du site vers HTML5, mais c'est incomplet (je prends les pages au rythme où je le peux; certaines sont très vieilles et d'autres changent souvent). Merci à Étienne de Martel qui, à l'époque où il étudiait au Collège, m'avait signalé que plusieurs pages ne respectaient pas les normes actuelles du W3C pour HTML et pour CSS. Je fais les ajustements que je peux dans le temps à ma disposition, en espérant votre tolérance