It’s Time To Kill Off Transitional DOCTYPES
Ou l’on nous encourage encore plus à virer vers le XHTML Strict ! Un article de Jack Packard publié sur Accessites.org : montrer des sites web accessibles, conformes, beaux et précis ! Sur soumission, l’équipe accepte ou refuse un site ; et l’une des règles est d’avoir une DTD en Strict. Pour 4 raisons :
The Transitional DOCTYPE tells you to use a Strict DOCTYPE
: c’est écrit dans la DTD, quand on prend la peine de la lire en entierA Strict DOCTYPE forces separation of presentation and content
: ça, on le savait déjà. Et de citer les balises dépréciées (genre basefont)Separating your presentation from your content is a Good Thing : on en rajoute, des fois que… L’utilisateur peut reprendre la main avec sa propre feuille CSS ; La maintenance est facilitée ; la bande passante est économisée ; et c’est une recommandation du WCAG
What about new windows?
Les nouvelle fenêtres, ouvertes avec target="_blank" sont à bannir : l’utilisateur doit maitriser sa navigation. Pour les maniaques, le site propose le javascript de 456BereaStreet.
Bref on n’apprend rien de nouveau (mis à part le premier point), mais ça a le mérite de rebondir sur ce que disait Raphaël Goëtter sur son blog.
On l’a vu depuis le début de la formation, les navigateurs n’intègrent pas de la même manière les propriétés CSS : entre les marges, les flottements et les astuces des uns et des autres, développer un site web qui fonctionne sur toutes les plateformes relève du défi.
Heureusement pour nous, certains sites se proposent de lister les bugs des navigateurs, et en particulier IE (toute version confondue). Evidemment, ils proposent les solutions qui vont avec !
Citons parmi ces sites ressources :
A noter, via un mail envoyé par Monique (merci Monique, mais… et les commentaires alors !?) le site webdevout, effectivement riche en ressources.
On n’insistera jamais assez sur l’importance du référencement pour un site web : il semble évident. Pourtant, son intégration dans la production chez le designer web fait souvent défaut. (D’ailleurs, aujourd’hui, on trouve de plus en plus d’annonces concernant des spécialistes du référencement dans les offres d’emploi).
Tous les éléments relatifs au référencement doivent ainsi être en possession du codeur avant qu’il n’entame son travail : recherche de mots-clés et de résumés avec le client, pertinence rédactionnelle du contenu, liens organiques et échanges de bannières, valeurs des attributs alt et title doivent être pensés au préalable. Et intégrés au fur et à mesure dans le code HTML. Pourquoi ? Comment ? Une seule réponse à ça…
Webrankinfo [WRI] est surement le site référence pour tout ce qui concerne le… référencement !
Qu’il s’agisse de Google, de Yahoo, de DMOZ ou des autres moteurs genre Exalead ou Technorati.com, Olivier Duffez et l’équipe de WebRankInfo ont une réponse. Et s’ils n’ont pas la réponse, quelqu’un l’a sur le forum.
Un conseil : abonnez-vous à sa newsletter !
De plus, le site dispose d’outils en ligne qui permettent de faire un audit de positionnement de son site, ainsi qu’une boite à outils pour améliorer sa campagne de référencement.
Avec pour devise : “Réaliser soi-même des fichiers HTML”, fr.selfhtml.org annonce la couleur : fournir toutes les informations sur les balises HTML afin de devenir autonome dans la production.
Ainsi, le site propose des explications quasi exhaustives sur l’ensemble des balises (et de leurs attributs) que contient la spécifications HTML. Un exemple ici.
Même si c’est plus complexe, je propose aussi en lien la traduction française des spécifications xHTML (travail de Karl Dubost, site www.la-grange.net).
Attention toutefois, édité en 2001 et mis à jour en 2003, le site propose parfois des approches obsolètes du code ; néanmoins, notons pour cette époque qu’il fut l’un des premiers à avoir pleinement saisi la portée sémantique du balisage.
On pourra regretter une mise en forme qui ne facilite pas la lecture (texte sur toute la largeur de l’écran, peu de zones blanches pour respirer).
Alsacréations (avec un S à la fin) est un site développé par Raphaël G&œlig;tter, auteur du Mémento CSS et du livre CSS2.
Le site www.alsacreations.com dispose de nombreux tutoriels très simples sur toutes les notions relatives à l’interaction entre xHTML et CSS : DTD, balises de bloc, encodage, hack CSS, etc..
N’hésitez pas aussi à consulter la FAQ, toute aussi riche et idéale pour débuter !
Une mine d’info que l’auteur nous encourage à user (sans en abuser : n’oubliez pas de le citer dans les crédits de votre site)
On trouvera en complément du site en lui-même un excellent forum, riche de nombreux intervenants tous plus calés et disponibles les uns que les autres. Donc n’hésitez pas à aller y faire un tour, et si vous avez une question, commencez par utiliser la fonction Rechercher !
Je profite de l’occasion pour citer les autres forums actifs du développement web : www.webmaster-hub.com et www.developpez.com, avec ses sections développement web ou PHP.
Dernière chose à propos d’Alsa : un espace emploi qui fédère toutes les offres et demandes dans le domaine !
