En vrak – 10

* Une énorme faille a été découverte dans Netvibes hier dans la journée. Depuis, elle a été corrigée. Malheureusement, le “hacker” qui, d’après lui, n’avait aucune intention de nuire n’a pas d’abord averti Netvibes avant de poster ce billet sur son blog. Résultat : billet supprimé du Web. N’est pas Kevin Mitnick qui veut…
* Le blog d’un collectionneur des jouets qu’on trouve dans une fameuse friandise de forme ovale.
* Après Docs et Spreadsheets, Google prépare son PowerPoint. Nom de code : Presently.
* Le SuperBowl s’est soldé hier par la victoire d’Indianapolis et de son quaterback vedette : Peyton Manning. TechCrunch nous propose quelques pubs en rapport avec l’événement. Et si vous ne l’avez pas vu, voici le premier touchdown du match, après quelques secondes de jeu.
* Ayez vos 9 minutes de gloire. Attendez que le compteur tombe à zéro et ajoutez ensuite l’URL de votre blog. Faut être rapide !
* Le best-of de YouTube. Utile pour garder le principal dans cette abondance de vidéos.

En vrak – 9

* Si vous aviez des questions à poser à Google, ce serait quoi ? Sur Max Design, ils en ont déjà préparé quelques unes, très pertinentes. J’essaierai d’être attentif aux réponses, s’ils les publient.
* Cinq manières d’entretenir votre réseau. Des trucs simples mais qui peuvent faire la différence.
* RenaLId : un blog en français à propos de la cartographie online, la géolocalisation, les médias localisés, les mashups (Google Maps et autres APIs). A découvrir !
* Vous trouvez Prototype, Dojo ou jQuery trop lourds ? Essayez SimpleJS dans sa version 0.1 (Belgium Power)
* Créer des visages zarbis grâce à ce service tout à fait inutile (via Mallo).
* Masturbation intellectuelle : http://validator.w3.org/check?uri=http://validator.w3.org. Ouf ! Ca valide 😉
* Ce soir, n’oubliez pas de suivre l’événement sportif de l’année : le SuperBowl. Cette année, Indianapolis affronte Chicago. Coût du spot publicitaire de 30 secondes pendant le match : 2,5 millions de dollars !

Un nuage de tags accessible

Petite amélioration de mon nuage de tags en PHP/MySQL. Si vous voulez le rendre (un peu plus) accessible, modifiez l’attribut title de cette manière dans votre vue :

<?php foreach ($tags_extended as $tag) : ?>
<a href="/tags/<?php echo $tag['tag']; ?>" style="font-size:<?php echo $tag['size']; ?>px" title="tag : <?php echo $tag['tag']; ?>, fréquence : <?php echo $tag['number']; ?>"><?php echo $tag['tag']; ?></a>
<?php endforeach; ?>

Si vous utilisez Smarty :

{foreach from=$tags_extended item=tag}
<a href="/tags/{$tag.tag}" style="font-size:{$tag.size}px" title="tag : {$tag.tag}, fréquence : {$tag.number}">{$tag.tag}</a>
{/foreach}

Sources d’inspiration :

* Comment faire un tag cloud (nuage de tags, ou d’étiquettes) accessible ?
* Tags accessibles dans dotclear

Proximus Moblogs : pas mal !

Je voulais tester les Proximus Moblogs, depuis que j’ai découvert leurs existences via ce billet sur le blog de Marin. C’est désormais chose faite. Mais commençons par le début : « Qu’est ce qu’un pont suspendu moblog ? »

Wikipédia nous le définit comme ça :

Moblog est un mot-valise des termes « mobile » et « weblog » (Joueb). Un weblog mobile, ou moblog, est défini par du contenu édité sur Internet depuis un appareil mobile, tel qu’un téléphone cellulaire ou un assistant personnel (PDA).

En résumé, il s’agit donc de poster sur son blog via un téléphone mobile.

Pour avoir son moblog chez Proximus, il faut bien entendu être client de l’opérateur de téléphonie mobile Proximus, disposer d’un téléphone portable capable d’envoyer des MMS et, pour bien faire, muni d’un appareil photo. Pour envoyer des photos sur votre moblog, il vous suffit d’envoyer un MMS gratuit contenant votre photo au numéro court 4488. Votre photo apparaitra dans les minutes qui suivent sur votre moblog. Magique !

Mon moblog : http://vinch.proximusmoblog.be

CakePHP : Une nouvelle bonne raison de s’y mettre

CakePHP est un framework MVC en PHP que j’utilise occasionnellement pour certains gros sites. Pour en avoir testé plusieurs, je pense qu’il figure parmi les meilleurs frameworks PHP qui existent.

CakePHP est fortement inspiré (voire complètement copié) du très en vogue Ruby on Rails (RoR) dont il reprend les principes qui en ont fait son succès.

Pour l’instant, le seul obstacle que je voyais à sa percée dans nos contrées était le manque de ressources en français à son propos. C’est désormais chose réparée. Tout d’abord, le premier blog francophone sur CakePHP est né il y a un peu plus d’un mois. Il s’agit de Cake Pour Tous qui nous présente d’ailleurs merveilleusement bien le framework.

Mais la nouvelle bonne raison de s’y mettre, c’est la naissance, il y a deux jours, de la première communauté francophone autour de CakePHP.

Espérons qu’elle soit active ! En tous cas, moi, je compte bien y participer…

Faire une redirection permanente vers votre flux FeedBurner

Utilisateurs de FeedBurner, soyez attentif à ce qui suit…

Si vous avez, comme moi, souscrit à ce service permettant d’améliorer votre flux RSS, vous vous êtes certainement posé cette question à un moment : « Maintenant, comment je fais pour que tous mes lecteurs switchent vers FeedBurner ? ».

Une grande majorité de blogueurs ont simplement demandé à leurs lecteurs de faire la modification manuellement dans leur agrégateur. Mais l’être humain étant de naturel paresseux (il n’aime pas changer, surtout si ça marche déjà bien), cette tactique ne connait pas un énorme succès.

Selon moi, la meilleure solution est de passer par une redirection permanente (code 301)…

Imaginons que vous ayez un flux RSS à l’URL suivante (on l’appelera “ancien flux”) :

http://www.monsite.com/blog/rss.php

La première chose que vous devrez faire est une copie de ce flux :

http://www.monsite.com/blog/rss-bis.php (par exemple)

Ensuite, liez votre flux FeedBurner à cette copie. Désormais, http://feeds.feedburner.com/monsite pointe vers http://www.monsite.com/blog/rss-bis.php. La dernière chose à faire est une redirection permanente de votre ancien flux vers votre flux FeedBurner. Si votre serveur Web est Apache (99% de chance que ce soit votre cas), créez un fichier .htaccess à la racine de votre site contenant la ligne suivante :


Redirect permanent /blog/rss.php http://feeds.feedburner.com/monsite

Voilà, c’est tout !

Désormais, vos lecteurs qui étaient abonnés à votre ancien flux seront automatiquement redirigés vers FeedBurner. Notez que l’utilisation d’une copie du flux est obligatoire pour éviter les redirections infinies.

Grâce à cette technique, vous pourrez afficher le nombre effectif de vos lecteurs (voir compteur à droite) car ils seront tous comptabilisés dans FeedBurner.

Cet article a été largement inspiré de la méthode expliquée sur les forums de FeedBurner.

En vrak – 8

En vrak et en retard 😉

* Portrait de quelques hackers célèbres sur Journal du Net.
* Un florilège de ressources tournant autour des polices de caractère. L’article est en italien et la plupart des liens sont en anglais, désolé :-S
* Mon petit tutorial à propos des nuages de tags en PHP/MySQL a connu son petit succès. Il est cité sur Nexen et a eu la chance de figurer sur la page d’accueil de Scoopeo (merci à ceux qui ont cliqué) 😉
* Une excellente vidéo : le documentaire fiction sur la mort des blogs (en 2010)
* Minority Report commence à devenir réalité ! Tout d’abord, avec ce grand écran tactile et ensuite avec cette pub personnalisée pour la Mini.
* Une nouvelle bonne idée : Planète accessibilité, un agrégateur qui recense toutes les news à propos de l’accessibilité.
* Miss YouTube : Melissa Theuriau. En Belgique, on n’a pas M6 (sur le cable en tout cas) ! Snif…

De l’opacité qui fonctionne sur (quasiment ?) tous les navigateurs !

Sur l’ancienne version de vinch.be, j’utilisais de l’opacité sur quelques blocs pour améliorer légèrement le look général du site.

J’avais à l’époque créé un page sur laquelle j’expliquais comment j’avais fait pour que ce soit visible de la même façon sur tous les navigateurs. Comme cette page a aujourd’hui disparu, et en attendant CSS 3, voici un rappel de la façon de procéder…

Le bloc qu’on veut rendre opaque à 50% a l’identifiant foo. Dans le fichier CSS, on a donc :

#foo {
    opacity:0.5;
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    filter:alpha(opacity=50);
}

* opacity est la future propriété CSS 3, qui fonctionne déjà sur quelques navigateurs, dont Opera.
* -moz-opacity fonctionne sur les navigateurs dont le moteur de rendu est Gecko, comme Firefox, Camino, Flock, etc.
* -ktml-opacity fonctionne sur les navigateurs dont le moteur de rendu est KHTML, comme Konqueror, Safari, etc.
* la dernière propriété fonctionne uniquement sur le navigateur de Microsoft.

J’ai créé un exemple simple sur cette page.

Si vous êtes un puriste, évitez d’utiliser ce mécanisme, car cela menera inévitablement à des erreurs de validation CSS.

* Pour en savoir plus sur l’opacité : Transparence des images et navigateurs
* Pour en savoir plus sur les moteurs de rendu des navigateurs : Petite étude sur les moteurs de rendus (layout engines)