TruClient se veut facile d’utilisation :

• son interface est accessible depuis un navigateur web,
• la création des scenarii se veut intuitif,
• et les résultats facilement exploitables.

A découvrir donc via cette vidéo :

Sponsorisé par Goviral Network.

Sur le marché français, vous pouvez ainsi trouver Goviral Network une plateforme de monétisation pour Éditeurs et Bloggers.

J’utilise cette régie depuis le début de cette année et j’en suis plutôt satisfait : d’une part parce que les vidéos sont non-intrusives (pas de déclenchement au survol de souris), et d’autres part parce que le paiement de vos gains peut s’éffectuer dès 50 euros.

Concernant sa mise en place, vous avez la possibilité de choisir une campagne spécifique ou alors de laisser Goviral gérer : c’est le « Syndicated Player », un mode automatique où les vidéos sont déterminées en fonction de la provenance de votre visiteur.

Votre campagne choisie, vous arrivez sur une page vous permettant de récupérer le code javascript à insérer dans votre page.

Au delà des différents possibilités de configuration, un point qui me semble très intéressant : le FALLBACK.

En gros, cela répond à la question suivante : « Qu’est ce qui se passe lorsque l’on arrive à la fin de la campagne ? » Soit vous afficher une vidéo gratuitement (…), soit vous insérer du code HTML (par exemple un code Google Ads ).

Je vous laisse découvrir cette régie à travers sa FAQ, un compte Twitter @GVNFrance, ainsi que d’une page Facebook.

Edit :

Martin Thouroude (le très disponible Publishing & Community Manager de chez Goviral France) me signale que Google a bloqué le code Adsence dans le Fallback…

Les plus récent étant les Wiki Search et Google Wave.

Comme quoi il faut être persévérant dans la vie

WordStream nous prédit même que le prochain est… Google Buzz…

Lien :

• Google Flops & Failures – The Failed Google Graveyard
• via Les échecs de Google en une image

Une cible donc très large qu’HP a décidé d’accrocher par une série de vidéos.

Voici la première.

Note : cet article est sponsorisé par Goviral Network.

9 mois.

C’est à quelques jours près l’age de ce blog et pour cet anniversaire, devzone.fr prend un coup de neuf avec un nouveau thème graphique.

Pour rappel (ou pour les petits nouveaux ), voici à quoi ressemblait ce site avant :

J’attend vos remarques et critiques

Ceux qui n’ont pas répondu « Code Source » de la page ne connaissent pas ce raccourci clavier

Parmis les autres, ils y en a qui, comme moi, ne sont pas a l’aise avec tous ces raccourcis et préfère une navigation à la souris.

C’est l’idée de cette extension pour Firefox.

Ainsi, j’ai configuré FireGestures pour que lorsque je maintiens le clic droit de votre souris et que je décris la forme du S apparaisse le code source de la page.

Autre exemple, par défaut un mouvement de la gauche vers la droite équivaut à un « Page précédente ».

etc…

Voici les options possibles de cette extension Firefox :

Liens :

• FireGestures – Site web
• FireGestures – sur addons.mozilla.org

Voilà 1 mois que vous avez la possibilité de répondre à cette question.

Et les réponses sont plutôt équilibrées entre un « tant pis pour lui » et « obligé de le prendre en compte ».

Lien :

• Vector Social Media Icons

Lien :

• 365psd.com

Voici comment procéder en CSS d’une part, et en Javascript à l’aide de jQuery d’autre part.

Une petite icone devant les liens menant à des documents Pdf, Doc, Excel ou autre c’est possible en CSS.

[css]
a[href$=".pdf"] {
background: url(../images/icons/pdf.gif) top left no-repeat;
padding-left:16px;
}
a[href$=".doc"] {
background: url(../images/icons/doc.gif) top left no-repeat;
padding-left:16px;
}
a[href$=".xls"] {
background: url(../images/icons/xls.png) top left no-repeat;
padding-left:16px;
}
[/css]

Notons qu’Internet Explorer 6 (oui encore lui), ne comprend pas ces sélecteurs css Heureusement il y a jQuery Il est en effet possible de faire la même chose.

On peut par exemple ajouter une classe spécifique à nos liens selon l’extension qui reprend les propriétés CSS ci-dessus :

[javascript]
$(document).ready(function(){
$("a[@href$=pdf]").addClass("pdf");
$("a[@href$=doc]").addClass("doc");
$("a[@href$=xls]").addClass("xls");
});
[/javascript]

Ou on peut utiliser ce petit plugin :

[javascript]
(function($){
$.fn.iconize = function(params){
// paramètres par défaut
var params = $.extend({
paddingLeft: ’16px’,
height: ’16px’,
pathToImage: ‘images’
}, params);

// process en returnant l’object
return this.each(function(){
var $$ = $(this);

if( $$.attr(‘href’).length>0 )
{
var width = $$.width();
var fichier = $$.attr(‘href’);
var extension = fichier.substr( fichier.lastIndexOf( "." ) + 1 );

$$.css({
‘backgroundImage’ : ‘url(‘ + params.pathToImage + ‘/’ + extension.toLowerCase() + ‘.png)’,
‘backgroundPosition’ : ‘top left’,
‘backgroundRepeat’ : ‘no-repeat’,
‘display’: ‘block’,
‘height’: params.height,
‘lineHeight’: params.height,
‘paddingLeft’: params.paddingLeft,
‘width’: width
});
}
});
};
})(jQuery)
[/javascript]

Et pour l’appeler :

[javascript]
// appel par défaut
$( "a" ).iconize();

// en spécifiant des paramètres
$( "a" ).iconize( { paddingLeft: ’32px’, height: ’32px’, } );
[/javascript]