Hello, I’m Vinch

And this is my website.

Rétrospective 2009 : les 26 événements de l’année !

12/29/09

This post is more than 4 years old. It might not reflect my current skills and convictions.

Pour clôturer cette année 2009 qui fut, pour ma part, une merveilleuse année, je ne vous proposerai pas mes prédictions pour 2010. Non ! je ne prétends pas pouvoir prédire l’avenir comme certains gourous (même si ces derniers prennent peu de risques). J’ai donc décidé de vous proposer une petite rétrospective de cette année 2009. Pas très original, je sais, sauf peut-être quand c’est raconté par votre serviteur… Oui ! Tout ça s’est passé en 2009 !

Le 15 janvier, un miracle se déroule à New York ! Quelques minutes après le décollage de l’aéroport de La Guardia, l’Airbus A320 de la compagnie US Airways percute des oiseaux qui mettent hors service les deux moteurs de l’avion. Le pilote Chesley Sullenberger devient un héros national en arrivant à poser l’avion dans l’Hudson, la rivière bordant l’île de Manhattan. Les 155 passagers de l’avion s’en sortent sans la moindre égratignure ! La photo ci-dessous, prise par le passager d’un ferry quelques minutes après l’accident, devient la Twitpic la plus vue de tous les temps !

Le 20 janvier à 12h07, Barack Obama devient le 44ème président des États-Unis en prêtant serment au Capitole de Washington DC devant une affluence record de plus de 2 millions de personnes (à voir : la photo sur gigapan) ! Barack Obama avait été élu relativement tranquillement le 4 novembre 2008 avec une participation record de 63%. Il devient le premier président noir des États-Unis ce que certains considèrent comme un accomplissement partiel du rêve de Martin Luther King. Le mandat de notre bien aimé George W. Bush est bel et bien terminé. Ouf ! (Photo : AFP)

Le 23 février, le film Slumdog Millionaire de Danny Boyle raffle 8 Oscars dont ceux du meilleur film et du meilleur réalisateur. Le film raconte l’histoire d’un jeune indien sans éducation qui remporte la version indienne de « Qui veut gagner des millions ». Si vous ne l’avez pas encore vu, je vous recommande d’aller louer ce film d’urgence au vidéo club le plus proche ! (Photo : A.M.P.A.S.)

Le 14 mars, le chanteur Alain Bashung meurt à 61 ans des suites d’un cancer du poumon. Il est devenu une figure importante de la chanson et du rock français à partir du début des années 1980 et a influencé un grand nombre de chanteurs de la nouvelle scène française. (Photo : Yann Chollet)

Le 1er avril (et ce n’est pas une blague) nait la nouvelle agence Web 1MD ! Le but de ses quatre fondateurs est d’atteindre un million de dollars en deux ans. La soirée de lancement se déroule en compagnie de plusieurs célébrités : Eminem, Enzo Scifo et Florence Manente, entre autres. (Photo: Xavier P.)

Le 6 avril à 03h32 a lieu un terrible tremblement de terre dont l’épicentre est situé non loin de la ville de L’Aquila (Abruzzes, Italie). Le séisme d’une magnitude de 6,3 sur l’échelle de Richter fait 308 morts ! 25000 personnes se retrouvent sans abris et doivent être hébergées dans des camps de fortune. Le président du conseil Silvio Berlusconi fait une nouvelle gaffe en déclarant que, pour ces gens qui ont tout perdu, c’est « comme un week-end au camping » ! Après ce drame, ce dernier a d’ailleurs pris la décision d’organiser le G8 à L’Aquila du 8 au 10 juillet, alors qu’il devait initialement avoir lieu en Sardaigne. (Photo : Boston.com)

Le 11 avril, la chômeuse écossaise Susan Boyle fait sensation lors de l’émission « Britain’s Got Talent ». Elle y interprète la chanson « I Dreamed a Dream » de la comédie musicale « Les Misérables ». Le public et le jury de l’émission, d’abord moqueurs par rapport à cette femme au physique ingrat, tombent littéralement sous le charme de la voix de Susan Boyle. La vidéo de sa performance bat des records sur le Web avec plusieurs centaines de millions de vues ! A l’heure où j’écris ces lignes, presque tout le monde a oublié Susan Boyle (sauf Germain). (Photo : Benji Tao)

Le 31 mai meurt Millvina Dean, la dernière survivante du Titanic, à l’âge de 97 ans. Elle avait deux mois lors du naufrage et ne se souvient donc de rien. Quelques jours avant sa mort, elle avait reçu 30000 $ de la part de Leonardo Di Caprio, Kate Winslet et James Cameron (les acteurs principaux et le réalisateur du film Titanic, sorti en 1997), peinés par les difficultés de Millvina à payer sa maison de retraite de Southampton en Grande-Bretagne. (Photo : DDM)

Le 1er juin, l’Airbus A330 assurant le vol 447 Air France entre Rio de Janeiro et Paris disparait en plein Océan Atlantique aux alentours de 2h du matin (UTC) avec 220 personnes à son bord. Les circonstances du drame sont toujours inconnues car les boîtes noires n’ont pas pu être retrouvées mais on imagine que l’avion a subi une zone orageuse à fortes turbulences qui l’a fait s’écraser en pleine mer. (Photo : LP/PHILIPPE DE POULPIQUET)

Le 7 juin, au terme d’une finale relativement courte face à Robin Söderling, Roger Federer remporte pour la toute première fois le tournoi de tennis Roland-Garros, seul tournoi du Grand Chelem manquant encore à son palmarès. Lors de cette finale victorieuse, le match est interrompu par l’irruption de Jimmy Jump, un célèbre perturbateur d’événements sportifs (dont on a d’ailleurs fait un film). (Photo : Reuters)

Le 11 juin, L’OMS déclare l’état de pandémie mondiale à la grippe A (H1N1). Cette grippe, originaire du Mexique, crée la panique dans le monde. On croit revivre des cauchemars tels que la grippe espagnole de 1918 qui a fait 30 millions de mort. Au final, la grippe A (H1N1) n’était pas si dangereuse que ça. Elle aurait causé environ 6000 décès c’est-à-dire environ 50 fois moins que la grippe saisonnière qui provoque 250000 à 500000 décès par an. Le vaccin contre cette grippe aurait d’ailleurs été déclaré plus dangereux que la grippe elle-même ! (Photo : Reuters)

Le 13 juin, Mahmoud Ahmadinejad est réélu comme président de la république islamique d’Iran. Cette élection fut très contestée et suscita de vives oppositions en Iran et dans le monde, car elle aurait été sujette à des fraudes massives. Les manifestations sont fortement relayées par les médias, notamment via Internet. (Photo : Ralph Barrera)

Le 25 juin, Michael Jackson décède au Ronald Reagan UCLA Medical Center de Los Angeles. Sa mort est officialisée à 14h26, heure locale et annoncée quelques minutes plus tard par son frère Jermaine Jackson. Michael Jackson avait seulement 50 ans et s’appretait à faire son grand retour sur scène avec son spectacle « This Is It ». Finalement, « This Is It » deviendra un film en hommage à l’immense artiste qu’il était. La vague d’émotion qui a suivi sa mort a également provoqué un phénomène de média sans précédent. Google, submergé de requêtes « michael jackson », a d’abord cru à une attaque de spammeurs. Le vendredi 26 juin, le sujet était toujours qualifié de « volcanique », le plus haut niveau d’intérêt dans l’échelle de Google ! Plusieurs sites furent créés à son honneur, dont Eternal Moonwalk (site belge) qui proposait aux internautes de créer une gigantesque chaîne de moonwalk, la danse de prédilection de Michael Jackson. (Photo : Reuters)

Le 26 juin, la direction du Real Madrid officialise le transfert de l’international portugais Cristiano Ronaldo. Celui-ci quitte Manchester United pour la somme record de 94 millions d’Euros, soit plus que le double du PIB de Kiribati. Il devient ainsi le joueur le plus onéreux de l’histoire du football. La somme de ce transfert déclencha par ailleurs une vive polémique dans les jours qui suivirent son annonce. (Photo : JDD)

Le 4 juillet, le 96ème Tour de France part de Monaco. Dans le peloton, c’est le grand retour de Lance Armstrong, septuple vainqueur du Tour entre 1999 et 2005, qui revient dans l’équipe Astana après quatre ans de retraite. Il ne gagnera pas la compétition cette fois-ci mais bien son coéquipier espagnol Alberto Contador. (Photo : JDD)

Le 16 août, au cours d’une finale d’anthologie, Usain Bolt devient champion du monde à Berlin et bat le record du monde du 100 mètres en 9 secondes et 58 centièmes (vidéo) ! Déjà premier homme sous les 9 s 70, il devient aussi le premier à passer sous les 9 s 60. Il établit à cette occasion l’amélioration la plus nette du record du monde dans cette discipline (11/100èmes) et devient le premier à améliorer trois fois de suite le record du monde du 100 m. Lors de cette course, il parcourt les 100 mètres à la vitesse moyenne de 37,58 km/h et atteint une vitesse maximale de 44,72 km/h entre 60 et 80 m. (Photo : Reuters)

Le 28 août, une violente dispute intervient entre Noel et Liam Gallagher du groupe Oasis, juste avant de monter sur scène au festival Rock en Seine. Un organisateur annonce aux 30000 personnes présentes devant la grande scène que le groupe ne jouera pas et ajoute que « Oasis n’existe plus ». Noel Gallagher fait le soir meme une annonce dans ce sens via le site officiel du groupe. (Photo : Wikimedia Commons)

Le mois de septembre n’est pas très heureux, on y déplore en effet les décès de Sim, Patrick Swayze et Filip Nikolic, respectivement aux âges de 83, 57 et 35 ans…

Le 13 septembre, lors des MTV Video Music Awards, Kanye West déboule sur scène alors que Taylor Swift vient de recevoir le prix du meilleur clip de l’année. Il coupe la jeune chanteuse, lui emprunte son micro et clame que le prix aurait du être attribué à Beyoncé. Le rappeur est longuement hué, Barack Obama le qualifiant même plus tard de « jackass » (crétin). La scène est rapidement devenue culte, de nombreuses parodies circulant sur le Web.

Le 9 octobre, Barack Obama, encore lui, reçoit le prix Nobel de la paix à la surprise générale, alors qu’il n’a encore rien accompli de fondamental depuis le début de son mandat ! Quelques jours plus tard, Barack Obama décide d’envoyer 30000 soldats supplémentaires en Afghanistan… Les observateurs et Obama lui-même voient néanmoins ce prix comme un appel à l’action. (Photo : JDD)

Le 18 octobre, Jenson Button devient le nouveau champion du monde de F1, en se plaçant à une suffisante cinquième place au Grand Prix du Brésil, remporté par Mark Webber. Le 5 décembre 2008, suite à l’annonce par Honda de son retrait de la Formule 1, l’avenir de Jenson Button en F1 fût un temps menacé. Après avoir consenti une forte baisse de son salaire, il conserva sa place au sein de la structure de Brackley, rebaptisée Brawn GP suite à son rachat par Ross Brawn. (Photo: Bridgestone Motorsports)

Le 9 novembre, Berlin fête le vingtième anniversaire de la chute du mur. A cette occasion, un millier de dominos géants et colorés sont installés sur le tracé du mur et renversés par Lech Walesa. (Photo : Reuters)

Le 18 novembre, après un match épique dominé par l’équipe d’Irlande, la France obtient la qualification pour la coupe du monde 2010 de football sur une phase très litigieuse. En effet, Thierry Henry touche le ballon de la main de façon flagrande, avant de donner le ballon à William Gallas qui marque le but. Cela provoque une polémique importante dans les jours suivants la rencontre et devient un meme sur le Web (essayez le jeu) ! Au delà de ça, Thierry Henry devient le premier joueur français à se qualifier pour quatre coupes du monde consécutives. (Photo : AFP)

Le 1er décembre entre en vigueur le traité de Lisbonne. Notre Herman national devient le premier président du conseil européen ! (Photo : AFP)

Du 7 au 19 décembre a lieu la conférence de Copenhague sur le climat. Le but de ce sommet est de prendre des décisions par rapport au climat afin d’enrayer la situation préoccupante dans laquelle se trouve la planète. Malheureusement, le bilan des négociations est un peu décevant. En effet, la montagne accouche d’une souris : un accord non contraignant qui n’est pas signé par tous les pays et obtenu par des négociations de couloirs. Les écologistes considèrent cela comme un échec lamentable ! (Photo : Greenpeace)

Panique ! Le 9 décembre, Johnny Hallyday entre d’urgence dans un hôpital de Los Angeles et est plongé dans un coma artificiel. Ces complications font suite à une opération apparemment négligée de la part du docteur Stéphane Delajoux qui a eu lieu quelques jours auparavant. Celui-ci est d’ailleurs agressé deux jours plus tard par des fans du rockeur français. Heureusement, Johnny s’en sort indemne… Michael Jackson et Johnny Hallyday dans la même année, ça ne l’aurait pas fait ! (Photo : VISUAL Press Agency)

Le 13 décembre, Berlusconi est attaqué à Milan par un déséquilibré du nom de Massimo Tartaglia. Celui-ci serait soigné depuis 10 ans pour problèmes mentaux. Quelques jours plus tard, le 24 décembre, c’est fût au tour de Benoît XVI de se faire agresser par une femme, sans doute outrée par le fait qu’il ait avancé l’heure de la messe de minuit à 22h, alors que Jean-Paul II ne l’avait jamais fait, même au plus mal… (Photo : JDD)

Espérons que 2010 soit aussi riche, mais avec moins de morts et moins d’accidents d’avion quand même…

A l’année prochaine !

Joyeux Noël Zoltán !

12/21/09

This post is more than 4 years old. It might not reflect my current skills and convictions.

Je viens de recevoir un chouette cadeau de Noël de la part de Florence : l’album Greatest Hits de Foo Fighters ! Apparemment, j’ai été sage et je le mérite. Effectivement, je pense le mériter après cette journée merdique où j’ai du rester cloitré à attendre un meuble qui n’arriva jamais.

Quoiqu’il en soit, c’est une action très rusée que nous propose Sony Music ici : créer une chaîne de cadeaux de Noël entre blogueurs ! Le principe est simple et déjà très bien expliqué chez Florence : je dispose d’une liste de dix CD dans laquelle je dois en choisir un à offrir à un autre blogueur. Cette personne devra reprendre la chaîne, offrir un CD à un autre blogueur et ainsi de suite jusqu’à épuisement du stock ! Pour Sony Music, c’est dix billets de blog quasi assurés. Bien vu !

Pour ma part, j’ai choisi d’offrir le CD She Wolf de Shakira à Zoltán Janosi (Twitter) parce qu’il le mérite et que je sais qu’il continuera la chaîne avec quelqu’un qui le mérite aussi. Franchement, ce fut un choix très difficile car j’aurais pu l’offrir à plein d’autres gens mais je sais que Zoltán est musicien et fan de musique (on a déjà eu quelques discussions intéressantes à ce propos).

Par contre, il reste quelques cadeaux empoisonnés dans la liste… Je pense surtout à Susan Boyle et Christophe Willem même si, pour ma part, y a rien de vraiment supportable à l’oreille dans cette liste à part Foo Fighters (bon choix donc) ;-)

Voici cette fameuse liste où il ne reste désormais que 7 CD :

  • Alicia Keys – The Element of Freedom
  • Britney Spears – The Singles Collection
  • Foo Fighters – Greatest Hits
  • Ke$ha – Animal
  • Leona Lewis – Echo
  • Christophe Willem – Caféine
  • Pascal Obispo – Welcome to the Magic World of Captain Samouraï Flower
  • Susan Boyle – I Dreamed A Dream
  • Whitney Houston – I Look To You
  • Shakira – She Wolf

Joyeux Noël et bonne merde Zoltán !

Ouvrir un lien dans une nouvelle fenêtre en quelques lignes de jQuery

12/09/09

This post is more than 4 years old. It might not reflect my current skills and convictions.

J’ai toujours trouvé qu’il était du ressort de l’utilisateur de choisir s’il voulait (ou pas) ouvrir un lien dans une nouvelle fenêtre (ou un nouvel onglet). Jakob Nielsen pense d’ailleurs la même chose et l’a même intégré dans un article où il liste 10 erreurs fréquentes sur un site, article qu’il a publié en… 1999 !

Par contre, je peux totalement comprendre quand on me demande de forcer l’ouverture dans une nouvelle fenêtre. En effet, la plupart du temps, l’utilisateur ne sait pas qu’il a le choix… Ce serait trop bête de le perdre juste parce qu’il a ouvert un lien vers un autre site dans la fenêtre courante ! (je sens que ça va générer un débat)

D’un point de vue programmatique, depuis des années, l’usage pour ouvrir un lien dans une nouvelle fenêtre est d’utiliser l’attribut target="_blank" sur la balise <a>. Malheureusement, et nous le savons tous, cet attribut a été déprécié il y a plusieurs années, en même temps que les cadres (ou frames) et provoque donc une erreur à la validation W3C.

Il a donc fallu ruser et faire appel à JavaScript pour s’en sortir. En utilisant l’attribut onclick sur un lien, on a pu arriver à nos fins de façon non-intrusive :

<a href="http://www.google.com" onclick="window.open(this.href);return false;">Go to Google</a>

Ca fonctionne très bien ! Cependant, ajouter les événements directement sur les éléments n’est pas une pratique très recommandée. Mieux vaut tout placer dans un fichier JavaScript séparé.

Dans ce cas, il faut trouver un moyen de repérer les liens qu’on souhaite ouvrir dans une nouvelle fenêtre. Pour cela, la pratique plus ou moins courante dans le monde des développeurs Web est d’utiliser l’attribut rel="external" sur la balise <a>.

De cette façon, le tour est joué en quelques lignes de jQuery :

$('a[rel="external"]').click(function() {
	window.open($(this).attr('href'));
	return false;
});

Parfait. Cependant, cette technique pose problème dans certains cas…

Premièrement, imaginez que vous ayez un site déjà existant avec des milliers de pages. Vous vous voyez placer l’attribut rel="external" sur tous les liens du site ?

Deuxièmement, si votre site est un CMS, vous ne pouvez pas vous permettre d’imposer à la personne responsable du contenu de placer l’attribut rel="external" sur chacun les liens qu’elle introduirait dans le contenu du site…

Pour parer ces cas particuliers, j’ai donc écrit un petit bout de script en jQuery qui ne nécessite aucune intervention sur le code HTML :

$('a').click(function() {
	var href = $(this).attr('href');
	if (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) {
		var host = href.substr(href.indexOf(':')+3);
		if (host.indexOf('/') != -1) {
			host = host.substring(0, host.indexOf('/'));
		}
		if (host != window.location.host) {
			window.open(href);
			return false;
		}
	}
});

Ce script va systématiquement ouvrir tous les liens vers des sites externes dans une nouvelle fenêtre. Dans un premier temps, on regarde si l’attribut href du lien commence par http:// ou https://. Si ce n’est pas le cas, on sait déjà que c’est un lien interne. Ensuite, on regarde si l’hôte du lien (variable host) est identique à l’hôte de la page courante (window.location.host). Si ce n’est pas le cas, on ouvre le lien dans une nouvelle fenêtre.

C’est aussi simple que ça !