michaelv.org, via accessoweb.

Franchement impressionnant.

Rien de plus simple !

Il suffit de mettre son compte en anglais (US) dans Settings -> Account Settings -> Language…

Et hop, suivez le lien !

Inauguration des « Liens ».
Le but étant de pointer des articles d’intérêts sur d’autres blogs. Bonne navigation !

Le hachage : article sur le Hachage.

Depuis quelques jours, on nous parle de la mort du WPA… Ha bon ? Comme souvent, il s’agit en réalité d’un manque de rigueur et de connaissances informatiques… Comme l’explique cet article de Sid, c’est le TKIP quiest concerné… Passez en AES ;-)

Operating System Interface Design Between 1981-2009

Scandale sur internet ! : mais non, les controverses sur internet ne datent pas d’HADOPI… 10 ans de scandales (ce sont les médias qui le disent, après tout..) en vidéo, et expliqué.

Spotify

Haaa ! Spotify. « Everyone Loves Music » qu’il nous dit. Ben ouais. Le nouveau chouchou de l’écoute de musique en ligne ?

Spotify, donc, c’est un service d’écoute de musique en ligne dans la lignée de Deezer. Mais en pas pareil. Pour l’instant, le service est en béta, et n’est accessible théoriquement que sur invitation. Restriction facilement contournable en passant par cette page.

Description globale : Spotify vous permet d’écouter de la musique en ligne. Pour cela, vous devrez installer un petit logiciel (qui a un peu la tête que pourrait avoir Itunes s’il était bien (hum, désolé… (en fait, non, pas tant désolé que ça ^^))), qui vous permettra ensuite d’écouter vos musiques. L’encodage y est réputé meilleur que sur Deezer, et le catalogue annoncé est impressionnant. Le tout étant, en version gratuite, financé par de la pub visuelle sur l’interface, ou parfois audio (beurk). Pour la version payante (pas de pub, meilleur qualité de son…), comptez 9.99€ / mois.

J’ai fait quelques petits tests sur Spotify et Deezer.  Tient Deezer a changé son Design. Etrangement épuré et ressemblant à Spotify non ? ^^

Vue d'ensemble de Spotify

Le nouveau design de Deezer

Bref, mes tests, donc. Commençons par « The Doors » (un classique). Là où Deezer nous donne un résultat un peu fouillis, même dans l’affichage par album, Spotify profite pleinement de son interface, et nous offre quelque chose de clean ; les chansons de même titre mais pas d’un même album sont regroupées sous la chanson qui semble la plus pertinente afin de pouvoir écouter au choix, toutes les versions, ou seulement une seule version par titre. L’interface par album est par ailleurs jolie, et la discographie présente des Doors est impressionnante (Même un fan comme moi a réussi à être impressionné).

Testons quelque chose de plus confidentiel. Tient, sur les deux, pas de The Blow, pourtant à 172 906 auditeurs sur LastFM, alors que Exchpoptrue se trouve, pourtant à 7 308 auditeurs sur LastFM encore… Après test, on trouve The Soviettes (punk rock) et Imperial Teen (indie) sur Deezer mais pas sur Spotify. Encore un peu jeune, sûrement.

Avec la chanson française, c’est moins évident. La Rue Kétanou se trouve sur les deux, La Tordue se trouve sur Spotify (1 album, sur 5 sortis) en moins grande quantité que sur Deezer, mais est là, tout de même.

Bref, j’ai l’impression que, sans être ridicule, Spotify perd au niveau du catalogue.

Néanmoins, je préfère Spotify. Pourquoi ? Mille raisons, mais je pense que quelques-unes suffiront. J’ai également testé l’écoute avec un casque stéréo, et je dois avouer que la qualité de Deezer, parfois, c’est… Beurk. Et Spotify, sans être géniale (en version gratuite) est carrément honorable. Secondement, l’interface. Celle de Spotify est bien pensée, déjà, mais surtout et en plus, elle est légère. Deezer, c’est du flash. C’est lent, et ça mange de la mémoire vive à foison.
Enfin, dernier point, selon moi un des plus important (mais après, ça vient de mes habitudes d’écoute de musique), Spotify supporte nativement LastFM, ce service permettant d’analyser vos goût musicaux pour vous proposer de découvrir de nouveaux artistes proches de vous. LastFM et Spotify, LE duo ultime.

Pour commencer, la vidéo en question :

C’est ce que l’on appelle un meme.

Le T-Shirt, disponible sur threadless.com.

« Un mème sur Internet est une iconographie persistante au sein d’une communauté virtuelle. Elle prend la forme d’expressions, d’illustrations, de photographies ou bien encore de personnes plus ou moins célèbres », selon wikipédia.

Cool Cat est un personnage fictif de dessin animé, créé dans les années 60, dont la première apparition eu lieu en 1967 dans un dessin animé éponyme (voir l’article Cool Cat sur Wikipédia [en]).

Pour mieux comprendre ce meme, je vous renvoie à cette vidéo du blog RocketBoom qui possède un gros paquet de vidéos dans le même genre dans sa catégorie Know Your Meme.

A voir sur Limit Break

Mario's Family Tree

Via : Papy Geek

Si comme moi, un jour, vous avez besoin de faire de jolis dessins dans une page web, notamment des image générées (des stats, des graphiques, des jeux, toutes sortes de choses inutiles), vous vous demanderez sûrement comment faire…

Une courbe de bézier, c'est 3 lignes de SVG

Quand vous aurez constaté que générer une image en PHP à chaque requête, c’est long et moche, vous vous pencherez sûrement sur le SVG. Ce format, qui est une recommandation du W3C, permet de faire des choses assez géniales d’un point de vue graphique. Comme c’est un dialecte XML, il peut être directement inclus dans des pages (x)HTML, il peut être manipulé avec des feuilles de styles et surtout, il peut être manipulé en JavaScript en utilisant le DOM. Vous avez bien lu ce dernier élément, vous pouvez dessiner ce que vous voulez en vectoriel, à partir de données exploitées en JavaScript (en AJAX par exemple). Bref, c’est de la balle.

Mais bon, Internet, ce serait moins marrant sans Internet Explorer. Toujours pas de surprise, Microsoft n’a jamais implémenté ce standard mais a préféré implémenter VML, une de ses propositions à normalisation refusée depuis. VML a bien sûr ses avantages, mais surtout l’inconvénient de ne fonctionner nulle par ailleurs que IE (et la suite MS Office).

Heureusement, il y a des petits malins qui sont déjà tombés sur cette embuche et développé une sur-couche JavaScript à tout ceci. Et comme j’ai eu beaucoup de mal à les débusquer, je vous en livre quelque uns ici :

• RaphaëlJS : le meilleur, il suffit en général de regarder les exemples pour être convaincu. Et, en vrai, vous faites pareil en une journée d’utilisation.
• SVG2VML : le premier que vous trouverez, puisque hébergé chez Google. Ce projet à l’air assez mort et est de plus bas niveau que RaphaëlJS. Mais on peut déjà s’amuser avec les fonctionnalités offertes si on pense à ne pas dépasser IE7 :s
• JSDrawing : un convertisseur d’images vectorielles vers plusieurs formats : SVG, VML, Canvas, Flash, et des dessins avec des DIVs qui servent de pixels =)
• JS Vector Graphics :  le plus kitsch d’entre tous, qui vous dessine vos vectoriels avec une suite de DIVs d’un pixel de large.

En plus d’être non standard, l’implémentation de VML dans Internet Explorer (toutes versions) est foireuse à souhait, et vous aurez du mal à aligner précisément deux pixels. Si vous souhaitez utiliser SVG sous IE, vous pouvez proposer à vos visiteurs de télécharger le plugin Adobe SVG Viewer.

Comme d’habitude, pour activer les fonctionnalité de Google Labs, vous devez mettre votre compte en anglais. Une fois chose faite, vous pouvez sélectionner Labs dans les settings.

Quelles sont les fonctionnalités à tester pour le moment ?

• Background image : vous permet de modifier l’image du background en donnant une URL.
• Attach Google Docs : joindre à un événement un document tiré de Google Docs.
• World clock : afficher l’heure selon différents fuseaux horaires.
• Jump to date : ahurissant que ça n’existe pas encore !… La fonctionnalité la plus utile à mon sens, et pourtant, tellement simple.
• Next meeting : affiche le prochain rendez-vous, et un compteur.
• Free or busy : affiche si vos amis sont libres ou occupés selon leur Google Agenda.

Le seul petit soucis selon moi est l’intégration, qui n’est encore pas tip-top … Les « widgets » des nouvelles fonctionnalités se mettent sur une nouvelle colonne à droite. Pas très très joli.

Vivement la suite en tout cas, voir tout ce que Google nous prépare !

A lire : YouTube Will Be Next To Kiss IE6 Support Goodbye [en] sur techchrunch.com.

Youtube semble vouloir pousser ses utilisateurs à utiliser un navigateur moins… Prise de tête qu’Internet Explorer 6, qui malgré tout, subsiste encore bien !…
Pourquoi ? La principale raison est que l’utilisateur n’a pas le droit de changer, ou de mettre à jour (PC d’entreprise …).

Et pourquoi les entreprises ne mettent-elles pas à jour ? Trois grosses raisons ;
Bon nombre d’interfaces datent de IE6, et sont donc codés pour cette version, qui fonctionne malheureusement comme aucune autre. La seconde est que leur version de Windows ne permet pas de mettre à jour vers les versions suivantes. Enfin, la troisième, et selon moi la principale, est que… L’entreprise, elle, elle s’en fiche de savoir qu’un webmaster va devoir multiplier son temps de travail par deux s’il souhaite rendre son site compatible avec IE6.

Pour des sites aussi riches que Youtube, on peut s’imaginer que Google commence à ne pas apprécier le temps de travail et donc l’argent que IE6 lui impose de perdre.

image : vinodvv.wordpress.com

Marche aussi avec Team Fortress 2, et je suppose, pas mal d’autres jeux Steam.

Vous voulez faire quelque chose de ce genre là ?

La construction d’un spray (ou tag) animé se fait en deux étapes : la première étape consiste à décomposer un GIF en frames. Chaque frame correspond à une image composant l’animation, et la seconde consiste à créer une texture animée avec VTFEdit.

Vous allez donc avoir besoin d’un logiciel capable de redimensionner / extraire des frames (comme Ulead GIF Animator (téléchargeable en version d’essai 15 jours) ou IrfanView (gratuit)).
Attention, avec IrfanView, pensez à arrêter l’animation avant toute opération (touche « G »).

Décomposer un GIF en Frames
Ouvrir votre GIF. Le redimensionner de côté égal à une puissance de 2 (2, 4, 8, 16, 32, 128 …) : la longueur et la largeur doivent être égales, sinon, le jeu se chargera de redimensionner votre image, en l’écrasant.. Usez de bordures transparentes si besoin. (IrfanView : Ctrl + R / Ulead : Edit -> Resize Image).
Sauvegardez.

Vous devez ensuite extraire les frames de votre GIF.
IrfanView : Faites Reopen (Shift + R) afin de relancer l’animation. Ensuite Options -> Extract All Frames.
Ulead : File -> Save As -> Image Frames (ou Ctrl + E).
Choisissez un format PNG.

Création de la texture animée avec VTFEdit
Ouvrez VTFEdit. Pensez à cocher « Auto create VMT File » dans le menu Options.
Import (Ctrl + I) et sélectionnez l’ensemble de vos fichiers PNG. Vérifiez bien que dans l’onglet General -> General Options -> General le « Texture Type » est à Animated Texture.
Dans Info, allez vérifier la taille. Elle doit être inférieure à 125 Kb. Si ce n’est pas le cas, vous avez deux solutions : réduire votre GIF animé à la puissance de 2 inférieure, et recommencer l’extraction, ou bien supprimer des Frames (les fichiers PNG), un sur deux par exemple, si votre image en contient beaucoup.
Par exemple, une image en 128×128 permettra environs 10 frames.

Ensuite, il ne reste plus qu’à sauvegarder le fichier (en VTF).
Ensuite, dans L4D, allez dans le menu de personnalisation en mode Multijoueur, et importez votre spray (*.vtf). Attention ! Si ce menu est accessible durant une partie, vous devez absolument redémarrer L4D pour que l’importation d’un spray soit effective.

Inspiré de : http://www.fpsbanana.com/tuts/7098