Firebug est une extension pour Firefox qui permet de gagner énormément de temps lors du développement ou du "débugage" de pages web. Mais il faut faire attention, car lors de l’inspection du code d’une page, Firebug classe les attributs d’une balise html par ordre alphabétique.
Dans l’inspecteur de Firebug on voit ceci : <a id="pagination_articles" name="pagination_articles"/>
Alors que dans le code source de la page on voit ceci : <a (…)
Accueil > Mots-clés > tags > XHTML
XHTML
Articles
-
Firebug est ton ami, mais attention !
19 juillet 2007, par b_b -
CSS : Appliquer plusieurs classes à un élément
23 mai 2007, par b_bVous saviez déjà (mais si) qu’il est possible d’appliquer plusieurs classes à un élément comme ceci : <a href="#URL_RUBRIQUE" class="hac on selected">
Mais comment appliquer un style aux éléments qui ont deux classes (ou plus) ? Tout simplement comme ceci : a.hac... a.on... a.hac.on... La première règle cible les ancres qui répondent à la classe hac. La deuxième règle cible les ancres qui répondent à la classe on. Et la dernière règle cible les éléments qui (…) -
Microsoft Expression Web VS Aptana
5 décembre 2006, par b_bCe matin en lisant quelques news du web, je suis tombé sur un article présentant la prochaine suite de développement web de µcrosoft. Dans cette suite on peut trouver le successeur de FrontPage qui s’appelle Expression Web dispo pour 299$. Voici un aperçu de l’interface d’Expression Web.
Et voici un aperçu d’Aptana, logiciel libre dispo sous windows, linux et mac...
Cela fait un mois ou deux que j’ai découvert ce soft et ça m’a l’air très prometteur. Il gère l’auto-completion, la (…) -
Tester son site sur différents navigateurs
28 novembre 2006, par b_bDeux liens utiles pour tester son site sur plusieurs navigateurs afin d’être certain du rendu de ses pages web.
Browsershots.org qui permet de tester sur cette liste de navigateurs :
Linux : Dillo 0.8, Epiphany 2.16, Firefox 1.5, Firefox 2.0, Galeon 2.0, Konqueror 3.5, Mozilla 1.7, Opera 9.0
Windows : MSIE 7.0
Mac : Safari 2.0
Et Opera Mini Simulator pour tester son site sur un navigateur de portable. -
A faire et ne PAS faire
19 novembre 2006, par b_bBon j’avais quelques liens en stock, donc les voici.
Deux articles intéressants sur la conception de pages web en général :
37 étapes pour bien coder en HTML
Comment ruiner son site web : il y a quelques perles dans ce billet.
Un bon article de l’excellent site Alsacreations sur la gestion des tailles de texte en "em". Cela me fait penser qu’il est vraiment temps que je me mette aux "em". -
CSS : appliquer :hover à des blocs
28 janvier 2007, par b_bLu sur Smiley Cat un article décrivant une méthode pour appliquer des effets de roll over à des blocs (état :hover).
How to Create a Block Hover Effect for a List of Links
Pourquoi cet article ? Tout simplement parce qu’avec IE on ne peut appliquer un état :hover qu’à un lien (lire l’article sur Openweb).
La technique employée dans l’article de Smiley Cat résout le problème en encadrant le contenu de chaque <li> par des <a>. C’est un peu "bourrin" comme technique mais ça (…) -
Problème encodage UTF-8
29 décembre 2006, par b_bPetit lien vers une page pratique sur l’encodage de caractère en utf-8 avec PHP / MySQL (lire l’article). Voici un résumé intéressant que l’on peut trouver à la fin de l’article :
Reconnaissance rapide des problèmes d’affichage UTF-8 ISO
Si la page affiche des caractères de ce type : "é", "î", "Ã", ...
=> Les données ont été enregistrées au format UTF-8, et le navigateur les affiche en pensant avoir affaire à de l’ISO.
Si la page affiche des caractères de ce type : "�"
=> Les (…) -
Formulaire Forum SPIP Valide XHTML
20 novembre 2006, par b_bJe viens de trouver une petite erreur dans le squelette du formulaire des forums de SPIP. Dans le fichier formulaire_forum.html à la ligne 68 remplacer par : <input type="text" name="nobot" id="nobot" value="#ENVnobot" size="10" /></p>
Il manquait une "id" au champ input pour être valide XHTML 1.0 Strict.
Il ne me reste plus qu’à corriger deux autres erreurs et le squelette SpipClear sera valide aussi sur les articles. -
Liens valides vers Google Maps et autres
2 mai 2007, par b_bEn analysant la page d’un site sur lequel je bosse en ce moment, le validateur HTML du W3C m’a retourné un "petite" trentaine d’erreurs sur la page en question (pas glop comme diraient certains). En fait le problème était dû à deux liens : un lien vers une carte Google Maps et un autre vers un plan sur le site Via Michelin.
Ces liens ressemblent à ceci :
http://maps.google.fr/maps?f=q&hl=fr&q=combrit&layer=&ie=UTF8...
Or comme j’ai pu le lire sur les forums d’Alsacreations, les erreurs (…) -
Insérer une animation Flash + Internet Explorer
22 novembre 2006, par b_bHier soir, un de mes amis se prenait la tête sur une animation flash qui ne s’affichait pas correctement dans Internet Explorer 7. J’avais déjà fait quelques recherches pour pouvoir insérer du flash de façon valide dans mes pages, et ce topic du forum alsacréations m’avait bien dépanné.
Image ou texte alternatif
Jusqu’ici j’utilisais ce code pour insérer du flash dans mes pages, mais ce matin au hasard des liens j’ai trouvé une autre méthode à base de javascript :
internet explorer 6 (…)