Nouveau-né dans les sites web de service Twitter, Twitty-Kiss permet, je cite, « d’envoyer un bisou anonyme à vos amis Twitter ! ». Facebook avait le Poke, maintenant Twitter a le Twitty-Kiss !

Twitty-Kiss permet donc l’envoi d’un bisou via Twitter. Le membre a qui vous envoyé le Twitty-Kiss verra dans sa timeline Twitter un message du genre :   »@Pseudo_Twitter Quelqu’un t’envoie un Twitty-KISS sur http://twitty-kiss.com/abcde12345« . Le lien mène vers une page qui affiche un message perso que l’auteur a pu envoyer.

Conçu et développé par Florian (aka iMystiK), éminent collègue de chez Awelty, Twitty-Kiss était surtout pour lui un prétexte pour bosser avec l’API de Twitter. Le design est entièrement conçu pour ceux qui portent des lunettes de soleil (sans, le risque de crise d’épilepsie est très sévèrement augmenté). A des fins de test, vous pouvez toujours lui envoyer un bisou sur son Twitter : @mystikfactory !

Le plugin JQuery Tweetable permet d’afficher le flux de tweets d’un membre de Twitter ultra-facilement ! En effet pour cela il suffit simplement de créer un <div> vide en lui donnant un id (ici l’id est égal à « tweetable ») :

1

<div id="tweetable"></div>

Il faut ensuite importer le framework JQuery ainsi que le plugin dans la page HTML souhaité :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.tweetable.js"></script>

Et enfin, il faut initialiser le plugin en sélectionnant le div voulu et en passant en option le nom d’utilisateur :

1
2
3
4
5
6
7

$(document).ready( function () {
		$('#tweetable').tweetable({ // on applique le plugin tweetable le bloc ayant pour id "tweetable"
                           username: 'arnaudk', // le nom d'utilisateur du flux Twitter à afficher
                           time: true,  // pour afficher ou non la date des tweets (date en anglais)
                           limit: 20 // nombre de tweets à afficher
                });
});

En bonus on peut ajouter quelques styles au code généré par le plugin JQuery :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

#tweetable li {
	font-size:13px;
	background:url(images/twitter.png) no-repeat left ;
	padding-left:20px;
	margin-left:10px;
	margin-top:8px;
	list-style-type:none;
	border-bottom:1px dotted #333;
}
 
#tweetable .hash { 
        color:#0066CC; 
} 
 
#tweetable .reply { 
        color:#0066CC; 
}

Comme d’hab, j’ai préparé une petite démo avec le flux de mon Twitter (arnaudk). A noter que le plugin a été fait par theodin et est dispo en téléchargement sur son blog !
voir la demo de tweetable

Tutorial bien sympa trouvé sur le blog 9lessons : « Twitter like Search with jQuery and Ajax » (« recherche à la twitter avec JQuery et Ajax »). Ce tuto permet donc de créer un formulaire de recherche tout en Ajax. Les résultats sont donc affichés directement sur la même page que le formulaire.

Une démo est disponible directement sur le blog 9lessons.
Voir la démo

A noter que l’on également télécharger les scripts expliqués dans le tutorial. On y retrouve le JQuery, le PHP, l’HTML et même un peu de CSS. Le tuto est bien complet, l’effet de recherche en Ajax est toujours classe. J’espère juste pour toi que tu comprends l’anglais…

Découverte de la semaine, le blog Histotweets animé par le très sérieux @jcfrog (champion du monde des chanteurs en chemise à carreaux).

Le principe est de revisiter l’histoire comme si les grands de ce monde (et les petits aussi)  twittaient entre eux. Le tout se passe en image. Bien sûr l’humour est de mise ici bien qu’il faut être un peu geek et connaître (un peu) le principe de twitter.

Comme dit la devise du blog : « l’histoire a été twitterisé » !

J’ai découvert il y a peu, cette solution d’import de contact via des webmail ou des réseau sociaux. OpenInviter permet donc de proposer un système d’invitation sur n’importe quel site. Beaucoup de webmails et de réseau sociaux sont disponibles : GMail, Hotmail, Yahoo Mail, Twitter, MySpace, Skyblog … (en ce moment, ça ne fonctionne pas avec Facebook).

Pour mettre en place cet outil, il faut s’inscrire sur le site d’OpenInviter et téléchager tous les fichiers nécessaires. Un exemple est même fourni avec, il ne reste plus qu’à l’adapter à ton site ! Des connaissances en PHP sont quand même nécessaires pour comprendre la logique de l’outil.

Je suis en train de le mettre en place sur un premier site (Coconews) et d’autres installations devrait suivre !

Petites sélections d’applications disponibles pour optmiser ton Twitter (? Twitter est une plate-forme de micro-bloging) :

Twhirl :

Fait sous Adobe Air (donc disponible sur tous les systèmes d’exploitation), twhirl vous permet de gérer votre compte twitter directement à partir de l’appli. Il propose à peu près toutes les fonctionnalités dispo sur le site de twitter en lui-même. Il est possible d’avoir une alerte sonore à chaque mise à jour de tes followings.

Spaz :

Egalement sous Adobe Air, similaire à Twhirl mais c’est une application open-source .

Twitter for WordPress :

C’est un plugin pour wordpress permettant d’afficher tes derniers twitts sur ton blog Wordpresse. Très facile à installer et à configurer. J’hésite encore à le mettre en place ici.

TweetRush :

TweetRush fournit des statistiques sur ton compte twitter (compte le nombre de tweets par jour, par heure…). Il suffit d’aller sur http://tweetrush.com/arnaudk (remplace arnaudk par ton pseudo! et oui je sais j’ai pas beaucoup de tweet pour l’instant ).