La Loi de Brooks

Ajouter des personnes à un projet en retard accroît son retard
vu sur Wikipedia via Ced

Posté le 11/02/2008 à 13h53 ¶ dans :
productivité

CSS: Pseudo classes sur Internet Explorer

Grâce aux expressions CSS d’Internet Explorer, il y a moyen de simuler les pseudo-classes qui ne sont pas supportées par IE6.

Les expressions CSS d’Internet Explorer

En effet, les expressions CSS (apparues avec IE5) permettent de calculer dynamiquement (via JScript) les différentes propriétés stylistiques.

On attribue une valeur calculée par JScript à une propriété CSS d’un élément html. Les différents objets du DOM sont supportés

#centeredDiv {
	position:absolute;
	left:
		expression(
			(document.body.clientWidth/2)-
			(this.offsetWidth/2)
		);
	top:
		expression(
			(document.body.clientHeight/2)-
			(this.offsetWidth/2)
		);
}

Sur Internet Explorer, cet exemple positionnerait l’élément ayant un id centeredDiv au centre de la page en le positionnant à la différence de la moitié hauteur de la page (document.body.clientHeight/2) et de la moitié de sa hauteur (this.offsetWidth/2). Notez que this représente l’objet en lui-même.

Posté le 09/04/2007 à 17h42 ¶ dans :
Code, CSS, html, javascript, productivité, tutorial

14 commentaires

WordPress Plugin: ma grosse liste

Cet page n’est plus à jour. Pour ma liste des plugins, toujours à jours, vous pouvez lire WordPress Plugins: ma liste définitive. (édité le 17 mai 2007).

Vu que la communauté WordPress (en Belgique) grandit de plus en plus, et (surtout) au détriment de Dotclear, et que d’autres se tâtent encore, je mets à disposition des intéressé(e)s la liste des plugins WordPress que j’utilise.

Tout cela parce que c’est parfois un peu difficile de trouver le plugin qu’il nous faut. Ceci dit, votre liste de plugin wordpress m’intéresserait aussi.

La liste de mes plugins WordPress

Cette liste reprend les plugins installés sur mon blog et donc compatible WordPress 2.1

Better Feed: Ce plugin permet d’adapter votre flux RSS en y ajoutant nombre de commentaires, liste d’articles liés, etc.
Counterize: Ce plugin rajoute une onglet, dans l’interface d’administration de mon blog, grâce auquel je peux suivre l’évolution des visiteurs de mon blog.
DoFollow: Ce plugin désactive l’ajout de l’attribut rel="nofollow" pour les commentaires d’un certain âge (paramétrable dans la console d’administration).
Dunstan’s Time Since: Ce plugin permet d’afficher d’une manière plus sympathique la date des articles et des commentaires.
~~Enhanced Post List~~: Affichait, pour les versions de WordPress avant 2.x, la liste des posts de manière améliorée.
Geo: Ce plugin permet de spécifier des coordonnées géographiques aux articles que l’on poste. Il rajoute aussi pas mal de méthodes au Loop WordPress.
Get Recent Comments: Ce plugin liste vos commentaires et vos liens réciproques de manière élégante.
Google Sitemaps: Ce plugin crée un fichier xml au format Google Sitemaps pour faciliter l’indexation de vos fichiers par les moteurs de recherche.
OpenID Registration: Ce plugin ajoute l’option de s’enregistrer ou de poster des commentaires sous le couvert de l’OpenId.
Optimal Title: Magnifique pour la SEO : ce plugin change des éléments du <title> de vos articles.
Photopress Plugin: C’est ce plugin qui gère mes galeries d’images. Je passe toujours par lui pour uploader les images qui seront affichées dans mes articles.
J’ai juste un problème avec les caractères accentués.
PJW WordPress Version Check: Ce plugin pour l’interface d’administration vous alerte lorsqu’une version plus récente de WordPress est disponible. Il m’a forcé déjà plusieurs fois à mettre à jour mon blog. 🙂
Related Posts: Ce plugin permet de lister les articles relatifs à celui que vous êtes en train de lire en fonction de mots clefs (spécifiés ou non). Je suis en train de le tester.
Spam Karma 2: C’est mon plugin anti-spam par excellence. Certains préféreront Akismet fourni avec WordPress, mais moi, je préfère celui-ci
Text Control: Ce plugin vous permet de modifier la façon dont WordPress gère le formatage de texte. J’ai tout désactivé, je travaille dans un éditeur html.
Time Zone: Ce plugin modifie automatiquement l’heure du blog en fonction des changements d’horaire.
Ultimate Google Analytics: Ultimate Google Analytics vous permet de suivre en détail les visites sur votre compte Google Analytics.
WordPress Mobile Edition: C’est peut-être mon plugin préféré : il sert une version allégée du site pour les navigateurs mobiles. À voir !
WordPress Reports: Ce plugin affiche, dans votre console d’administration, une vue graphique de vos statistique Google Analytics et Feedburner.
WP-ContactForm: Ce plugin ajoute un formulaire de contact sur votre blog. Un message de confirmation est affiché après la soumission du formulaire. J’emploie la version originale, sans captcha ou autre.
WP-ServerInfo: Un plugin de geek pour finir : celui-ci affiche les informations des versions PHP et MySQL du serveur sur lequel votre blog tourne.

Mes plugins challengers

J’étudie aussi la possibilité d’installer Subscribe to Comments, Pages+, SideBlog et Slimstat dans un avenir proche.

Posté le 26/02/2007 à 14h30 ¶ dans :
blog, geotagging, Google Analytics, Plugin, productivité, SEO, wordpress

24 commentaires

Valider son code (X)HTML avec Tidybot

Tidybot vous permet de vérifier rapidement la validité de la syntaxe de vos pages web tout en n’étant pas connecté à internet.

Spécifiez les répertoires à valider, et scannez. Tidybot génèrera un rapport complet pour les pages contenant des erreurs de syntaxe (x)html voir l’exemple de rapport de page Tidybot.

Des paramètres avancés vous permettent de spécifier, entre autres, de ne pas afficher tel type fichier ou tels types d’erreurs.

Dommage seulement de ne pas pouvoir vérifier des pages en ligne. Disponible pour Window et Unix avec ou sans interface

Liens relatifs :

La page du validateur Tidybot
L’exemple de rapport de page tidybot
Via : l’excellent WATS.ca (excellente ressource d’outils de développement).

Posté le 16/01/2007 à 17h02 ¶ dans :
Code, Débogage, html, productivité, utilitaire

Laissez un commentaire

Plugin de recherche OpenSearch pour Firefox 2

Firefox version 2 supporte le standard de formatage de données de recherche OpenSearch. Grâce à cela, on peut créer des petits plugins de recherche très utiles pour son navigateur préféré.

Format XML OpenSearch

Les définitions des différents éléments composant un XML OpenSearch nous aident à composer notre propre plugin de recherche.
Pour une installation standard de Firefox, vous trouverez les plugins déjà installés dans le répertoire C:\Program Files\Mozilla Firefox\searchplugins. Normalement ce répertoire ne contient que des fichiers .xml qui sont les définitions des plugins. Prenons-en un, le fichier amazon.xml

<SearchPlugin xmlns="//www.mozilla.org/2006/browser/search/">
<ShortName>Amazon.com</ShortName>
<Description>Amazon.com Search</Description>
<InputEncoding>ISO-8859-1</InputEncoding>
<Image width="16" height="16">data:image/x-icon;base64,iVBORw0KGgoA...=</Image>
<Url type="text/html" method="GET" template="//www.amazon.com/exec/obidos/external-search/">
	<Param name="field-keywords" value="{searchTerms}"/>
	<Param name="mode" value="blended"/>
	<Param name="tag" value="mozilla-20"/>
	<Param name="sourceid" value="Mozilla-search"/>
</Url>
<SearchForm>//www.amazon.com/</SearchForm>
</SearchPlugin>

SearchPlugin

Définition du namespace des différents nodes du fichier xml (dans ce cas-ci, on parle de la définition de Firefox)

ShortName

Nom du plugin de recherche

Description

Description du plugin de recherche

InputEncoding

Encodage des caractères du formulaire

Image

Définition de l’icône qui sera ajoutée dans l’interface de recherche encodée en Base64

Url

Contient les différents attributs du formulaire de recherche

type: Format dans lequel les données sont envoyées au serveur
method: GET ou POST méthode d’envoi des données au serveur
template: C’est l’ACTION du formulaire de recherche

Param

Les différents champs qui sont passées au formulaire. Le champ sur lequel se fait la requête doit avoir la value="{searchTerms}". C’est les termes qui seront entrés dans le formulaire de recherche de Firefox

SearchForm

C’est le lien vers les soumissions de formulaires vides iront.

Analyse d’un formulaire à convertir en plugin.

Pour un premier exemple, je me suis basé sur la page d’accueil de Tutmaks.com (excellente ressource de tutoriels). Le moteur de recherche du site ne fonctionnant pour l’instant que sur des pages /index.php et pas sur les pages de détail /story.php.

A l’aide de l’Inspector de Firebug, j’ai facilement repéré que le nom du champ du formulaire était “search” l’action est vide (d’où l’erreur ci-dessus).

<InputEncoding>ISO-8859-1</InputEncoding>
<Url type="text/html" method="GET" template="//tutmarks.com/index.php">
	<Param name="search" value="{searchTerms}"/>
</Url>

Pour un second exemple, j’ai pris la recherche inversée de numéros de téléphone sur 1307.be.

Il y a plusieurs champs cachés dans ce formulaire-ci. J’ai repris les nom et valeurs de ces champs en tant que Param de mon XML

<InputEncoding>ISO-8859-1</InputEncoding>
<Url type="text/html" method="POST" template="//1307.be/fr/servlets/ReverseServlet">
	<Param name="number" value="{searchTerms}"/>
	<Param name="iso_language" value="fr"/>
	<Param name="template" value="1x07be"/>
</Url>

Ajout de l’icône du plugin de recherche.

J’ai repris les favicônes des sites repectifs. Je les ai enregistrées sur mon ordinateur et je les ai converties en base64 avec cet outil. De ce fait, les images sont transformées en code et sont plus facilement transportable d’un environnement à un autre (les images sont incluses dans le fichier XML sous forme de code).

La documentation OpenSearch précise qu’on peut aussi mettre une url vers une icône de favori ou autre image.

<Image height="16" width="16" type="image/x-icon"><br />
//example.com/favicon.ico<br />
</Image><br />

Code à rajouter dans les pages html.

Pour que le plugin soit à la disposition de tout le monde, il faut l’insérer dans les pages de votre site.

Cela se fait aisément en ajoutant une balise link real="search" dans le header de la page html.

<link rel="search" type="application/opensearchdescription+xml" title="Tutmarks.com" href="/chemin-vers/définition.xml">

Ajouter les plugins créés à Firefox 2.

Quand un plugin de recherche a été trouvé par Firefox, l’icône de la liste des moteurs de recherche prend un fond bleuté.

En cliquant sur cette icône, on peut voir la liste des plugins de recherche. Dans le bas du menu, on peut rajouter les différents plugins de recherches.