Voici un micro-plugin pour jQuery qui me sauve un temps fou :

jQuery.fn.extend({
    'alt' : function(bool, fn_true, fn_false) {
        (bool) ? fn_true() : fn_false();
        return this;
    },
    'iif' : function(bool) {
        return (bool) ? this : jQuery('');
    }
});

En gros, cela évite d’avoir à écrire une structure de if et else. Voici comment l’utiliser :

$('body ul li').alt(
    $.browser.msie,
    function() {
        $(this).css('border', '10px solid red');
    },
    function() {
        $(this).css('border', '1px solid blue');
    }
);

Si le premier argument est d’une valeur booléenne égale à true, la fonction passée en deuxième argument est exécutée. Si la première valeur est égale à false, c’est le troisième argument qui est exécuté.

Pour ce qui est de $.iif, voici comment je l’utilise — en comparaison à comment je procèderais habituellement :

// Syntaxe originale
if ($.browser.msie) {
    $('body ul li').css('border', '10px solid red');
}

// En utilisant $.iif
$('body ul li').iif($.browser.msie).css('border', '10px solid red');

Si l’argument est égal à true, la chaine est continuée. Sinon, $.iif retourne un objet jQuery vide et donc les méthodes suivantes sont ignorées.

Voilà! Oh, et vous pouvez utiliser ce code comme bon vous semble!

P.S. : En passant, si vous vous demandez pourquoi la méthode ne s’appelle pas $.if au lieu de $.iif, c’est parce que if est un mot réservé en Javascript (en ECMAScript, en fait).

Les lecteurs de longue date de ce blogue se souviendront peut-être de mes mésaventures avec Ubuntu (ici et là). Et bien, croyez-le ou non : j’ai réussi à installer Ubuntu sur mon Dell Inspiron 6000.

En fait, j’aurais été capable de le faire depuis le début, mais je tenais à garder une partition avec Windows XP — sauf que là, j’en ai eu assez de Windows et j’ai complètement formatté sa partition.

Bref, tout fonctionne à merveille. J’ai même upgradé à la version beta de Hardy Heron. J’ai réussi à faire fonctionner mon moniteur externe tout en gardant l’écran de mon portable éteint. Je voulais faire plein de captures d’écran, mais je n’en ai pris que deux :

À venir sur ce blogue : la liste de mes logiciels préférés sous Linux!

Nous étions à la recherche d’un intégrateur Web en janvier dernier chez iXmédia. Nous en avons trouvé un qui est excellent!

Une autre preuve qu’iXmédia est en pleine expansion? Nous sommes présentement à la recherche de deux nouvelles personnes — avec des profils tout à fait différents :

• Un(e) programmeur(euse) capable d’écrire du code et aussi, peut-être, qui s’y connait en administration de serveur et/ou support technique.
• Un(e) designer Web plein(e) de créativité et de dynamisme!

N’hésitez pas à nous faire parvenir votre CV (pas à moi, mais à cv@ixmedia.com!) si vous pensez que vous êtes une des personnes que l’on recherche!

J’ai récemment ajouté mes derniers « tweets » (via Twitter) dans la sidebar de mon blogue. Je voulais partager mon code avec vous. Il vous faudra ceci :

• L’extension SimpleXML (compilée par défaut dans PHP 5.0)
• Cache_Lite
• PHP Markdown
• PHP Smartypants

Voici donc le code :

$file = 'http://twitter.com/statuses/user_timeline/14153719.xml?count=10';
$user = 'remiprev';
$cache_id = "twitter";
$cache_options = array(
    'cacheDir' => dirname(__FILE__).'/cache/',
    'lifeTime' => 300
);

require_once('Cache/Lite.php');
require_once('Markdown.php');
require_once('Smartypants.php');

$Cache_Lite = new Cache_Lite($cache_options);

if ($data = $Cache_Lite->get($cache_id)) {
    print '<!-- Le contenu provient de la cache -->';
    print $data;
} else {

    $xml = simplexml_load_file($xml);

    print '<!-- Le contenu ne provient pas de la cache -->';
    $output = "";

    $statuses = $xml->status;
    $compteur=1;

    foreach ($statuses as $status) {
        $permalink = 'http://twitter.com/'.$user.'/statuses/'.$status->id;
        $via = $status->source;
        $date = date('j F à G:i', strtotime($status->created_at));
        $contenu = $status->text;

        // on ajoute des liens automatiques
        $contenu = preg_replace('/(http:\/\/[^\s]+)/','<a href="\\1">\\1</a>', $contenu);

        // on le passe au Markdown-inator!
        $contenu = Smartypants($contenu);
        $contenu = Markdown($contenu);
        $contenu = str_replace('<p>','', $contenu); // on ne veut pas paragraphes!
        $contenu = str_replace('</p>','', $contenu);

        // on ajoute des liens sur les @replies
        $contenu = preg_replace('/\@([^\s\:\.\;\-]+)/','@<a href="http://twitter.com/\\1">\\1</a>', $contenu);

        $output .= '<div class="else post'.(($compteur==1)?' premier':'').'"><p><a href="'.$permalink.'"><span class="date">'.$date.'</span></a><span class="content"> '.($contenu).'<em class="from"> via '.$via.'</em></span></p></div>'."\n";
        $compteur++;
    }

    $Cache_Lite->save($output);

    print $output;

}

Vous pouvez le copier, le modifier et l’utiliser — gratuitement!

P.S. - De grâce, modifier le code HTML généré! J’utilise un DIV car je voulais obtenir le même style que mes billets, mais je devrais utiliser une UL ou une DL.

Ce n’est pas dans mon habitude de « ploguer » les sites que nous lançons chez iXmédia, mais je pense que celui-ci vaut la peine d’être mentionné. Si vous voulez être informé de chaque site que j’ajoute à mon portfolio, il existe un fil Atom qui fait tout ça.

Nous avons mis en ligne mardi matin le nouveau site Web de la Commission de la capitale nationale du Québec. Le site fait usage de quelques technologies qui font leur début au sein des sites gouvernementaux, notamment les API de Flickr et Google Maps ainsi que les microformats (pas énormément, mais c’est un début!).

C’est moi qui a réalisé l’intégration du site (XHTML, CSS et Javascript) ainsi que quelques petits bouts de PHP.

Un nouveau plugin pour jQuery vient de faire son apparition : markItUp!, qui ajoute une barre de formatage (comme celle dans le formulaire de commentaire) aux éléments TEXTAREA désirés, compatible avec n’importe quel langage — il suffit de créer un fichier de configuration (en JSON) définissant les éléments, leur raccourci clavier, et bien d’autres choses.

Une autre des fonctionnalités de markItUp! est le support des callbacks, ce qui permet d’exécuter une fonction personnalisée sur une chaine de texte sélectionnée dans un TEXTAREA (exemple).

L’exemple utilisant Markdown illustre très bien le concept général du plugin. J’ajoute ce plugin dans ma liste de choses à intégrer à ce blogue!

Je ne peux m’empêcher de poursuivre la tradition. C’est fou comme le temps passe vite — dire qu’il y a un an, j’avais encore un blogue WordPress!

Après avoir supprimé mon compte Twitter en juin 2007, j’ai décidé de m’en créer un nouveau.

Prochaine étape : afficher mes « status » sur ce blogue via l’API de Twitter.

Taffy DB est script Javascript qui permet de créer une base de données en Javascript. La base de données réside sous la forme d’un objet qui possède des méthodes comme find, update et insert.

Branchez-vous rapportait hier que Facebook était maintenant offert en français. La raison? Mais voyons donc, c’est parce que un groupe réclamant la traduction de Facebook en français compte plus de 200,000 membres — c’est évident!

Près de 200 000 usagers se sont réunis dans le groupe «PETITION! POUR QUE FACEBOOK SOIT TRADUIT EN FRANCAIS!!INVITE ALL!» ou ralliés à la cause «Pour un FACEBOOK en français». Il n’en fallait pas plus pour que la société de Palo Alto, en Californie, réagisse […]

Franchement, pensez-vous que c’est parce que les utilisateurs demandent que Facebook soit traduit en français que la compagnie s’empresse immédiatement de le traduire? Non, cela fait partie de leur stratégie marketing, pour attirer encore plus de gens! C’est pour ça que ce n’est pas qu’en français que l’application a été traduite, mais aussi en espagnol et en allemand!

Je sais que Facebook dit que c’est grâce aux demandes des utilisateurs,

Facebook in multiple languages has been a long-standing request from many of our users, and we’re quite happy to be able to take the first step.

mais s’il vous plait, ne prenez pas tout le crédit de cette nouvelle fonctionnalité. Ce n’est pas à cause de votre groupe de 130,000 membres que Facebook s’est dit « Oooooh! Il y a des francophones sur notre site Web et il réclame de pouvoir l’utiliser dans leur langue — nous devons le traduire! ».

C’est grâce aux demandes des utilisateurs certes, mais n’oubliez pas que tout ce que Facebook veut c’est d’élargir son nombre de membres pour accroitre sa valeur et sa part dans le marché des réseaux sociaux!

La présentation d’Helvetica, le film, ce soir à Québec est reportée à mercredi prochain, en raison de la tempête (storm, en anglais) qui s’abat sur la vieille capitale aujourd’hui.

Premièrement, Microsoft annonce que, par défaut, IE8 utilisera son moteur de rendu le plus avancé lorsqu’il affichera les pages Web n’avant pas la fameuse entête « X-UA-Compatible ».

Deuxièmement, le Web Standards Project annonce la sortie d’Acid3.

Yadis est un protocole ouvert qui permet à une application de connaitre facilement quels sont les identifiants d’authentification (OpenID, ou autres XRIs) associés à un URI. Sam Ruby en fait un bon résumé dans un de ses billets.

Un fichier Yadis n’est donc qu’un simple fichier XML qui liste plusieurs XRI associés à un URI, lorsqu’on tente de s’identifier avec cet URI. Le mien ressemble à cela (j’ai enlevé des bouts de code pour le rendre plus lisible) :

<xrds:XRDS xmlns:xrds="xri://$xrds" xmlns="xri://$xrd*($v*2.0)"
      xmlns:openid="http://openid.net/xmlns/1.0">
  <XRD>

    <!-- Si le consumer supporte OpenID 2.0 -->
    <Service priority="10">
      <Type>http://specs.openid.net/auth/2.0/signon</Type>
      <URI>http://www.myopenid.com/server</URI>
      <LocalID>http://remi.myopenid.com/</LocalID>
    </Service>

    <!-- Si le consumer supporte OpenID 1.1 -->
    <Service priority="20">
      <Type>http://openid.net/signon/1.1</Type>
      <URI>http://www.myopenid.com/server</URI>
      <openid:Delegate>http://remi.myopenid.com/</openid:Delegate>
    </Service>

    <!-- Sinon, on utilise OpenID 1.0 -->
    <Service priority="30">
      <Type>http://openid.net/signon/1.0</Type>
      <URI>http://www.myopenid.com/server</URI>
      <openid:Delegate>http://remi.myopenid.com/</openid:Delegate>
    </Service>

  </XRD>
</xrds:XRDS>

Lorsque je tente de m’identifier avec « remiprevost.com », l’application (en jargon OpenID, il s’agit d’un consumer), si elle supporte Yadis, va analyser et choisir quelle identité à utiliser selon ses capacités techniques. Par exemple, si une application ne supporte pas OpenID 2.0, elle ira à la prochaine identité en ordre de priorité.

Dans mon billet précédent, je mentionnais qu’il était possible, si votre fournisseur OpenID le permettait, de fournir un fichier Yadis aux applications qui tentait d’obtenir une authentification sur votre propre URI. myOpenID, par exemple, génère automatiquement ce fichier. Le mien est ici.

Pour servir un fichier Yadis aux applications lors d’une tentative d’authentification, je vous renvoie au même billet de Sam Ruby qui explique sa technique utilisant uniquement un fichier .htaccess d’Apache.

Comme le mentionne Ruby, même si le fichier Yadis remplace le code HTML à insérer, il est tout de même préférable de laisse ce code HTML, pour les applications qui ne supportent pas le protocole Yadis.

Bon, vous êtes tanné d’être identifié en tant que votrenom.myopenid.com ? Vous possédez votre propre site Web? Vous voudriez être identifié en tant que cet URI, sans avoir à installer un serveur OpenID sur ce dernier? Utilisez la délégation!

Vous n’avez qu’à ajouter ce code HTML dans l’élément HEAD de la page correspondant à l’URI que vous souhaitez utiliser comme identifiant OpenID :

<link rel="openid.server" href="http://www.myopenid.com/server">
<link rel="openid.delegate" href="http://identifiant.myopenid.com/">

Bonus, si votre fournisseur OpenID supporte le protocole Yadis, vous pouvez également inclure ce code :

<meta http-equiv="X-XRDS-Location" content="http://www.myopenid.com/xrds?username=identifiant.myopenid.com">

Évidemment, je me suis servi de myOpenID puisque c’est le fournisseur que j’utilise (et probablement un des plus populaires) mais le code peut être adapté pour convenir avec votre propre fournisseur. Seulement les 3 URIs doivent être modifiés.

À cause de ce bogue qui empêche les éléments A d’être inspectés correctement avec Firebug, je viens de downgrader vers la version précécente de Firefox, 2.0.0.11.

C’est fou comme un simple petit bogue comme celui-ci peut nous ralentir considérablement dans notre travail!

Une nouvelle version du navigateur de l’API de jQuery — il était temps, la dernière version correspondait avec l’API de jQuery 1.1.3!