J’en parlais depuis que la nouvelle version de Vinch.be est en ligne, c’est désormais officiel, je possède un blog où j’empile les meilleures vidéos que je trouve sur le Web.
Vous trouverez ce dernier ici : https://vinch.be//videos
Vous pouvez vous abonner au flux RSS ou au flux Atom.
Enfin, si vous souhaitez me suggérer une vidéo, vous devez vous rendre sur cette page.
Je rajouterai la possibilité de laisser des commentaires par après…
Hier soir, je me suis amusé à soumettre mon site à toute une série de galeries CSS. Je n’avais pas beaucoup d’espoir pour certaines d’entre elles car je sais qu’elles ont parfois des critères extrêmement stricts, mais si on n’essaye pas…
Tout ça pour dire que j’ai eu ma première réponse positive sur l’une de ces galeries : CSS Design Yorkshire
Le problème, c’est qu’ils croient que je m’appelle David Fincher (ndlr. le réalisateur de Se7en et de Fight Club, entre autres) à cause d’une des citations au hasard qui s’affichent dans le header du site…
Trouvez-vous que ces citations prêtent à confusion ou que c’est simplement une erreur bizarre de leur part ? (accessoirement, trouvez-vous que je ressemble à David Fincher ?)
En tout cas, je leur ai envoyé un mail, j’espère qu’ils rectifieront le tir…
Je commence à avoir beaucoup de flux RSS…
J’ai décidé d’agréger tout ça dans un seul flux grâce à xFruits, service gratuit qui propose un panel d’outils liés aux flux RSS/Atom.
A part l’agrégation, xFruits propose d’autres trucs assez sympathiques :
Je vous recommande cette excellente description de xFruits sur le blog de Jeff.
Pour information, l’URL de ce nouveau flux est http://xfruits.com/vinch/?id=12995. Si vous n’êtes pas intéressés par mes bookmarks et mes photos, préferez http://feeds.feedburner.com/vinch
Si vous voulez l’expérimenter sur votre site :
C’est beau (et encore) mais ça sert à quoi ?
Les gravatars sont arrivés sur le blog, plus précisément sur vos commentaires.
Mais c’est quoi un gravatar ?
Gravatar est l’acronyme de Globally Recognized Avatar. Le principe est simple, associer une adresse e-mail à un avatar (une image vous représentant). Pour cela, rien de plus simple, il suffit de se rendre sur le site www.gravatar.com (mais pas maintenant, le site est hors service car ils migrent tout vers de nouveaux serveurs), d’uploader son avatar et le tour est joué. Par après, lorsque que vous laisserez un mot sur un blog équipé du système (comme le mien, depuis peu), vous verrez l’avatar que vous avez uploadé à côté du commentaire.
Note pour les intégrateurs :
Il existe un plugin WordPress pour les gravatars mais je ne l’ai pas utilisé car je le trouvais trop lourd pour réaliser un truc si simple. J’ai réalisé un truc maison, une ligne de code à ajouter dans le foreach du fichier comments.php de votre thème :
<img alt="<?php comment_author(); ?>" class="gravatar"src="http://www.gravatar.com/avatar.php?gravatar_id=<? echo md5($comment->comment_author_email); ?>&default=http%3A%2F%2Fwww.vinch.be%2Fattic%2Fblank_gravatar.png&size=24&rating=G" />
gravatar_id : l’id du gravatar, il s’agit de l’adresse e-mail cryptée en MD5.
default : l’URL de l’image par défaut à afficher si le gravatar n’existe pas pour l’adresse e-mail spécifiée.
size : la taille en pixels du gravatar, en sachant qu’un gravatar a une forme carrée.
rating : rating de l’image selon la norme TV américaine MPAA.
Vous pouvez ajouter un lien autour de l’image si vous le souhaitez, par exemple vers le site de l’auteur du commentaire mais je ne l’ai pas fait car j’ai trouvé que ça faisait double emploi avec le lien sur le nom de l’auteur.
Dès que le site www.gravatar.com est de retour, je vous fais signe 😉
Juste pour dire que j’ai été accepté pour être Webstar (je déteste ce terme) sur le site enquelquemots.be
Si vous ne connaissez pas le principe, il est très bien expliqué chez Philippe.
J’espère pouvoir répondre convenablement aux questions qui seront posées.
Voilà, c’est dit…
Un petit billet à la Tristan Nitot, pour changer :
Depuis quelques jours, vous êtes nombreux à me faire part de votre frustration quant aux temps de réponse très longs pour ouvrir les pages.
Bien que je puisse encore nettement optimiser mon site, je pense que le problème vient d’ailleurs, j’ai nommé mon hébergeur, j’ai nommé OVH. Plusieurs indices me font aller dans ce sens :
Bref, je pense sérieusement à changer d’hébergeur. Avec Michaël, on a un peu discuté et quelques noms sont sortis :
Qu’en pensez-vous ? Quel hébergeur utilisez-vous ? En connaissez-vous d’autres meilleurs que ceux précités ? Que me conseillez-vous ?
Je suis actuellement en train de développer un VideoBlog où je pourrai placer mes vidéos favorites provenant de YouTube, Dailymotion et Google Video.
J’ai donc étudié le code source prêt à être copié/collé qu’offrent ces différents services. De manière générale, c’est du grand n’importe quoi !
YouTube ne s’en sort pas encore trop mal :
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/MENw0zD1F2I"></param><param name="wmode" value="transparent"></param></object>
Dailymotion fait plus ou moins pareil (sauf qu’il rajoute plein de truc inutiles autour) :
<div><object width="425" height="335"><param name="movie" value="http://www.dailymotion.com/swf/3kprUGk68vsgB4Zqv"></param><param name="allowfullscreen" value="true"></param>http://www.dailymotion.com/swf/3kprUGk68vsgB4Zqv</object><br /><b><a href="http://www.dailymotion.com/video/xphrz_pub-audi">Pub AUDI</a></b><br /><i>envoyé par <a href="http://www.dailymotion.com/nice_">nice_</a></i></div>
Google, par contre, livre un code plus que catastrophique :
http://video.google.com/googleplayer.swf?docId=5366818355418627155&hl=fr</embed>
Pour rappel, embed est une balise obsolète depuis des siècles. Celle-ci a été inventée par Netscape pour jouer des animations Flash, car à l’époque, c’était le seul moyen de le faire. Elle ne fait pas partie de la recommandation XHTML, donc son utilisation menera inévitablement à une erreur du validateur.
Pour en finir avec tous ces bricolages de code que l’on voit partout, je vous présente la seule et unique façon d’intégrer une animation de façon standard et accessible :
<object width="425" height="350" type="application/x-shockwave-flash" data="http://www.dailymotion.com/swf/3kprUGk68vsgB4Zqv"><param name="movie" value="http://www.dailymotion.com/swf/3kprUGk68vsgB4Zqv" /><param name="wmode" value="transparent" /><p><!-- image ou texte alternatif --></p></object>
Seuls les attributs width, height, type et data sont nécessaires dans la balise object. Le paramètre movie est également nécessaire contrairement au paramètre wmode qui sert ici à donner un fond transparent à l’animation. Notez aussi l’importance d’une image ou d’un texte alternatif pour l’accessibilité.
Pour aller plus loin, je vous recommande la lecture de cet article de “A List Apart”
D’après Browsershots, mon site est visible sur la plupart des navigateurs : http://browsershots.org/website/https://vinch.be//
Seuls IE5 et IE5.5 merdouillent un peu mais je n’y accorde pas tellement d’importance, ça représente une minorité qui bientôt n’existera même plus.
Normalement, il ne devrait plus y avoir non plus de problèmes de colonnes mal alignées.
Si vous voulez en savoir plus sur Browsershots, j’avais écrit un billet à ce propos jadis.
Le blog de Vincent Battaglia 