Eliaz Weblog

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 name=’pagination_articles’ (...)

Vous 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 répondent à la (...)

En 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 proviennent (...)

Lu 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 fonctionne. Cette (...)

Petit 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 données ont été (...)

Ce 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 documentation (...)

Deux 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 (...)

Hier 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 ne flashe plus (...)

Je 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 (...)

Petite correction à apporter au squelette de SpipClear pour qu’il passe le test de validation HTML du W3C.
Dans le fichier layout.html, à la ligne 13 [<link REL="shortcut icon" HREF="#DOSSIER_SQUELETTE/themes/(#ID_SECTEUR|theme|sinondefault)/favicon.ico" />]
à remplacer par [<link rel="shortcut icon" href="#DOSSIER_SQUELETTE/themes/(#ID_SECTEUR|theme|sinondefault)/favicon.ico" />]
Comme il est dit sur Openweb :
Puisque XML est sensible à (...)