Par ci, par là, et même dans le journal, on lit que Facebook vaudrait 15 milliards de $ parce que Microsoft y a investi 240 millions de $ pour détenir 1,6% de Facebook. Le calcul rapide qui permet d’arriver à cette somme astronomique omet de préciser que l’accord ne correspond pas uniquement à une prise de capital mais aussi (et surtout) à un accord publicitaire.

C’est ce que souligne Ahmed Farooq dans son blog. En effet, l’accord publicitaire entre les deux groupes qui devait s’arrêter en 2009 a été prolongé jusqu’en 2011, en même temps que la prise de capital. Bref, l’annonce du 15 milliards de $ a caché toute cette partie de l’accord et fait beaucoup (trop) de bruit.

Les blogs, il y en a des tonnes, et beaucoup sont motorisés par WordPress. Comment lui donner de l’originalité et ainsi se démarquer? Outre le fait d’avoir un contenu intéressant et régulièrement mis à jour (une règle d’or d’un bon site), il est possible d’agir sur l’interface pour se distinguer. C’est ce qu’à fait Chris Contolini en ajoutant du GeoTagging à son blog par le biais de Google Maps. Le résultat est une application qui, par sa nature, évolue constamment. La navigation n’est pas des plus aisées mais ce blog est l’exemple d’une combinaison de deux outils pour une émulation surprenante.
Lire la suite

Un curieux (et a posteriori passionant) message m’attendait sur Facebook.

What’s wrong here

AAA
BBB
CCC
DDD
EEE
FFF
GGG
HHH
III
JJJ
KKK
LLL
MMM
NNN
OOO
PPP
QQQ
RRR
SSS
TTT
UUU
VVV
WWW
XXX
YYY
ZZZ

Did you know that 80% of UCSD students could not find the error above? Repost this with the title « what’s wrong here », and when you click « Forward « , the answer will be really obvious.

Vous l’avez peut-être déjà reçu, par mail ou sur FB. Au début, je croyais à un jeu stupide où il fallait trouver une erreur banale qui se dissimulait uniquement grâce à un manque d’attention. Après mûre réflexion, je n’ai su trouver une quelconque erreur, et par impatience j’ai transféré le message pour obtenir la solution. Ou du moins, je croyais l’obtenir. Car en transférant le message, je n’ai rien vu de près ou de loin qui ressemblait à une solution claire et précise de cette énigme qui commençait lentement à me fasciner. Je ne tardais pas à googler ce message pour tomber sur d’innombrables interprétations et versions de ce mystère…
Lire la suite

Tout objet connectable à un ordinateur (lui-même relié au net) est susceptible d’être modifié par quelque programmeur futé contre le gré de son fabricant (la plupart du temps). Après la déferlante de mods et hacks (dont le fameux jailbreak pour l’iPhone et son compère l’iPod Touch) qui ont apparu peu après leur sortie, voici une nouveauté très intéressante. Elle concerne exclusivement les possesseurs d’iPod Touch. Pourquoi pas l’iPhone? Sans doute pas à cause d’une compatibilité mais plutôt à cause de l’essence même de ce nouvel hack: de la VoIP sur son iTouch.

VoIP = Voice over IP = Voix sur réseau IP = « téléphoner » via internet (Skype, TeamSpeak, Google Talk…)

Pourquoi c’est génial ? Parce que ça comblerait la lacune principale qu’a l’iTouch (et qui est la principale différence avec l’iPhone): les communications. Ainsi on pourrait « téléphoner » avec son iTouch, et surtout: gratuitement. Seule contrainte: posséder un micro pour l’iTouch.

Bien sûr, rien de cela n’est officiel (et sûrement pas cautionné par Apple), mais bon, tous les objets high-tech passent par là, et profiter au mieux d’un objet qui nous appartient n’est pas malsain selon moi. L’annonce d’un SDK pour l’iPhone n’est sans doute pas sans cause…

Voici une nouvelle action contre le mastodonte Microsoft et son statut très favorable de domination sur les systèmes d’exploitation. On se souvient du fameux Windows XP Edition N qui faisait suite à une plainte contre Windows Media Player. Cette fois-ci, c’est Opera qui s’y colle. Le navigateur norvégien a déposé une plainte à la Commission Européenne contre Internet Explorer en accusant le statut anti-concurrentiel de ce dernier (car livré en bundle avec Windows) et le non-respect des standards du W3C.

Lire la suite

Je vous présente mon dernier site musical préféré : thesixtyone

Le concept

C’est une sorte de jeu où l’utilisateur (nous) peut gagner et attribuer des points à des morceaux de musique, ces derniers étant proposés par nous aussi. On écoute les chansons (au moins 1 minute avant de pouvoir donner des points), et si on aime bien, on « bump« , ce qui augmente le score de la chanson. Au départ, on ne peut « bumper » qu’une seule fois, mais au fur et à mesure que notre « level » augmente, on peut bumper plusieurs fois la même chanson Un Digg-like pourrait-on dire, mais Digg n’a pas inventé le vote (comme diraient les Diggers eux-même…).

« Un jeu ? C’est pas sérieux comme site alors ! » me direz-vous. Je ne pense pas que vous soyez si bornés: le contenu musical du site est très intéressant… Une particularité étant que l’on peut s’inscrire en tant qu’auditeur ou en tant qu’artiste. Dans ce dernier cas, on pourra uploader nos propres morceaux, et ainsi les faire découvrir à la communauté.

Le contenu musical

On y trouve beaucoup d’indie et alter rock, de l’électro, de la pop, du hip hop…

Il y a des artistes connus :

• Daft Punk
• Arcade Fire
• Feist
• Nada Surf
• Radiohead
• Klaxons
  
• …

Il y a surtout énormément de remixes (écoutez le « 1,2,3,4 » de Feist remixé par Van She) et de reprises (Radiohead qui reprend le Headmaster Ritual des Smiths !!!). Chaque jour offre son lot de nouveautés.

Sur la page d’accueil, il y le Rack, petit panel de chansons d’artistes intéressants mais inconnus. Ils sont mis en évidence pour que les auditeurs y jettent un coup d’oeil, et ça fait gagner des points.

Fonctionnalités

L’interface est claire et pratique. Il y a une utilisation intéressante d’Ajax qui permet beaucoup de fonctionnalités :

• on peut lancer la lecture d’un morceau et naviguer sur le site sans que la chanson ne s’arrête
• des infos bulles s’affichent régulièrement en bas à droite de l’écran pour nous informer sur notre compte, nos points, de nouveaux artistes, des infos sur le morceau qu’on écoute (ex: « C’est Jack Johnson que l’on entend ici » alors que c’est le morceau de quelqu’un d’autre)
• acheter les morceaux
• créer sa playlist facilement

Bref, du contenu intéressant, généré par les utilisateurs, de la très bonne musique, et des fonctionalités sympas : thesixtyone me ravit.

Le site officiel IEBlog vient d’annoncer que Internet Explorer 8, par défaut, respectera les standards du web (le mieux qu’il pourra bien sûr). C’est a priori une grande annonce car après la réussite du test Acid2, il semble que Microsoft change la politique de son navigateur. Mais doit-on célébrer cette annonce ? Non.

La première chose à dire est :  » Il était temps! « . Que ce soit Opera, Firefox ou Safari, les principaux navigateurs concurrents respectaient en grande partie les standards. Microsoft est sur ce point le dernier de la classe, non pas par défaut de capacité mais par désintérêt total. La position dominante de son navigateur fétiche (quelle que soit la version) permettait à MS d’établir ses propres standards, au détriment de l’intercompatibilité des sites web. Un abus de pouvoir en quelque sorte. Alors n’allons pas remercier MS de ne plus le faire. L’article de IEBlog n’hésite pas à se jeter quelques fleurs au passage.

We want to make IE8’s Standards mode much, much better than IE7’s Standards mode.

Le challenge ne sera pas grand, car d’autres l’ont fait. Et c’est la moindre des choses.

the web moves gradually from the large quantity of legacy content authored around IE7’s behaviors to a new era of much more interoperable and web standards compliant browsers

Ce n’est pas nouveau et ceci démontre que IE8 respectera les standards en conséquence du succès des autres navigateurs. En d’autres termes, MS n’aurait pas décidé de son plein gré de le faire, et s’y trouve quelque peu contraint.

Now, IE8 will show pages requesting “Standards” mode in IE8’s Standards mode. Developers who want their pages shown using IE8’s “IE7 Standards mode” will need to request that explicitly

Comprenez là que IE8 utilisera par défaut son propre « moteur » et pas celui d’IE7. Cela me semble étonamment évident! Par respect pour les web designers (qui se heurtent souvent à la rétro-compabilité de leurs sites) et dans l’idée d’évolution du web, c’est la meilleure chose à faire. Je ne comprends vraiment pas pourquoi MS hésitait entre ça et utiliser le moteur d’IE7 par défaut! Pour ceux qui voudront néanmoins le faire (jetons leur la première pierre), il faudra le spécifier dans la balise meta.

Bref, cette annonce est semblable à celle d’un académicien qui se déciderait à parler correctement français.

Quelques jours après la sortie de la version beta d’Internet Explorer 8, Mozilla a sorti une version beta de Firefox 3. Qu’en est-il de cette nouvelle version du navigateur favori des web designers ? Quelles sont les nouveautés ? Mais surtout : est-ce que les gros défauts de Firefox 2 (notamment l’utilisation de mémoire) ont été gommés ?

Interface

L’interface de Firefox m’a toujours plu, car elle est sobre mais fonctionnelle. La version 3 apporte son lot de nouveautés, plus ou moins intéressantes.

Bouton « Précédent » grossi

Ca saute aux yeux. Personnellement, j’utilise plutôt le raccourci clavier mais pour les fans de la souris, c’est un détail très pratique, conséquence de l’utilisation plus importante de ce bouton par rapport au bouton « Suivant ».

Barre d’adresses enrichie

Sous FF2, elle offrait déjà l’url et le titre de la page. De plus, elle mettait en premier les sites les plus visités. Avec FF3 s’ajoutent la favicon et une icône si elle est dans les favoris, avec en prime un design plus pratique pour bookmarker directement un site.

Gestion des favoris

Elle s’est bien développée. Les favoris seront gérés comme une mini-base de données, avec moteur de recherche, historique, gestion des tags… Les plugins de favoris ne seront plus nécessaires.

Performances

Mémoire

C’est le gros point noir de Firefox 2 : il utilise énormément de mémoire, sans compter celle que les plugins utilisent. Les développeurs ont beaucoup travaillés dessus. Stuart Parmenter, un développeur de Mozilla, explique comment ils sont arrivés petit à petit à gagner en performances. Le test consistait à ouvrir 29 pages dans 30 fenêtres, et ceci, 11 fois d’affilée, en fermant au fur et à mesure les fenêtres pour en garder 30 ouvertes à chaque instant. A la fin, une seule fenêtre restait ouverte pour voir si les navigateurs (ici FF2, FF3 Beta et IE7) récupéraient de la mémoire.

On voit que IE7 n’arrive pas à récupérer de la mémoire, même en laissant une seule fenêtre ouverte. Et on voit que le maximum qu’atteint FF3 est moins grand que ce que FF2 obtient au final.

N’oublions pas Safari et l’excellent Opera, qui ont été testés dans cet article et dont résulte ce graphique. Firefox 3 reste le plus performant.

Javascript

Le Javascript est omniprésent (notamment avec l’AJAX) que ses performances sont primordiales aussi. Là aussi, FF3 est le plus rapide.

Utilisation

Un navigateur se doit aussi de respecter l’internaute, et d’améliorer son expérience.

Sécurité

Ce n’est pas le point faible de FF2 mais mieux vaut prévenir que guérir. FF3 inclura un outil pour avoir directement des informations sur les sites qu’on visite, et aura un outil anti-phishing plus performant.

Standards du Web

En tant que web designer, cela nous intéresse. Au test Acid 3 (plus bas dans la page), FF3 s’en sort remarquablement.

Firefox semble devancer largement ses concurrents, et on espère que les plugins seront rapidement mis à jour, parce que c’est pour moi le point fort de Firefox.

MAJ : Safari est lui aussi en phase de beta test mais n’était pas inclus dans les résultats ci-dessus, faute de tests. Plus d’informations dans les commentaires ci-dessous.

Nous sommes le 1er avril. Allez sur Youtube. Cliquez sur n’importe quelle vidéo de « La sélection » (qui sont des vidéos choisies par Youtube). Et oui : you just got RickRolled. Et le blagueur est YouTube même.

Je trouve très drôle le fait que YouTube, un des sites les plus visités au monde, ne se prenne pas au sérieux de la sorte. Un moyen comme un autre de faire parler de soi. Et au lieu de condamner le phénomène RickRoll, ils surfent dessus.

La bataille très fructueuse des navigateurs continue. Un nouveau comparatif de performances JavaScript de Firefox 3.0 Beta 5 et Safari 3.1 sur Mac OS X nous montre que Firefox est plus rapide (de peu). Il est intéressant de noter que Firefox est encore en beta tandis que Safari est dans sa version stable. Ces deux là ne cessent de se battre au coude à coude. Une chose est sûre : nous (utilisateurs et web designers) sommes les grands gagnants de cette course vers la performance et le respect des standards.

Je viens de tomber sur une alternative au PDF pour lire un magazine sur un ordinateur. Il s’agit d’une interface utilisant des images et Google Maps. Regardez cet exemple : Previews International sur zkimmer.com . Il existe tous types de publications à lire avec cette interface. Simple et astucieux non ?

Firefox 3 va très bientôt sortir en version finale. Il y a pour l’instant une version RC disponible. En attendant juin et la version définitive, inscrivez-vous au Firefox Download Day 2008. Ca consiste en quoi ? En fait, en s’inscrivant (gratuitement et en 2 clics), vous vous engagez à télécharger la version finale de Firefox le jour de sa sortie officielle (la date n’est pas encore définie, mais vous serez prévenu par mail si vous vous inscrivez). Vous permettrez ainsi de battre potentiellement le record de téléchargement d’un logiciel en une journée. Inutile me dites-vous ?

En fait, il faut voir derrière ce gros coup d’auto-promo une façon comme une autre de créer le buzz (comme souvent chez Firefox) pour faire découvrir Firefox 3 au plus grand nombre. C’est une manière très sensationnelle de créer l’évènement, le but n’étant pas forcément de battre le record mais plutôt de faire parler de cette nouvelle mouture de Firefox qui s’avère être très performante.

Un Google pour hackers qui donne les résultats de Google dans un frameset. Vous aurez au moins l’impression d’avoir trouvé une faille dans Google. Ou pas.

Au fait, avez-vous remarqué la nouvelle favicon de Google ?

MySpace vous connaissez ? Ce site archi populaire qui a fait régresser le web design de plusieurs années, à cause de son code illisible, de son système de fourre-tout indécent et de ses bugs innombrables. MySpace c’est un peu le Skyblog international. Le seul intérêt que je lui trouve c’est de pouvoir facilement uploader ses morceaux de musique et de les partager (ce qu’a fait bon nombre de groupes de musique professionnels). Mis à part ça, comparé à un autre site très populaire de web social (Facebook), MySpace est vraiment une calamité.

Mais MySpace prépare une refonte totale. Au premier coup d’oeil, le design est bien plus sympa. Ok, génial.
Mais là n’est pas le point le plus important. En effet, MySpace s’est associé à Adaptive Path, une boîte spécialisée dans l’expérience utilisateur. C’est eux par exemple qui avaient créé Measure Map, un outil d’analyse de blog. Un peu comme Google Analytics vous me dites ? Vous ne croyez pas si bien dire : Measure Map a rapidement été racheté par Google en 2006, notamment pour son interface claire et intuitive. Bref, un outil très bien pensé par Adapative Path, dont le blog est particulièrement riche en idées.

Ceci me rend confiant dans la direction que veut prendre MySpace, non seulement pour la qualité du web en général, mais aussi en perspective d’un combat rapproché avec son principal concurrent Facebook, qui lui aussi prépare une refonte (moins fonctionnelle que visuelle).

Non ce n’est pas un montage, ni une simple image. C’est l’iPhone qui prend le contrôle d’un Mac Mini qui lui-même émule Windows XP avec IE6.

Linux, c’est l’alternative. Mais le grand public ne connaît réellement que Windows ou Mac OS. Alors, lorsque dans un train, un gars sort son pc portable tournant sous Ubuntu, les réactions des voisins et passants sont des perles d’humour.

1. That’s not windows, it’s a Mac! (One teenager to another).
2. Where’s the start button? (Asked directly to me on a train).
3. Random middle manager one: He must be in Marketing, he’s making a new picture! Random middle manager two: I don’t know, look how he’s dressed. (While using gimp).
4. Don’t turn your computer on Bill – that guy can look into it! (two business men).
5. You’ve got to work in IT. (said directly to me).
6. (Whispered)How did he get Vista early? (Two teens).
7. Yeah, I’m surrounded by yuppies, kids, drones and two guys using Linux. (Someone on a cell phone).
8. What the hell is that? (Pointing to my screen -followed by a 15 minute conversation about computers).
9. Can you game on it? (Guy with a Sony VIAO running Vista. He wasn’t impressed by Moria).
10. They stole that spinning cube thing from a Mac! (Two mac users sitting next to me).

J’ai une préférence pour la 4 et la 7.

Mais faut-il rire ou bien se méfier de ce type de réactions ? D’un côté, on souhaiterait que Linux soit davantage populaire, notamment auprès des néophytes. D’un autre côté, le côté élitiste (et hautain?) plaît à certains. Quoiqu’il en soit, il reste du chemin à faire.

Sur IMDB, LE site référence en matière de cinéma, les utilisateurs peuvent noter les films sur une échelle de 0 à 10. Le classement des meilleurs films est particulièrement figé depuis longtemps, Le Parrain dominant éternellement les débats. Mais depuis peu, le classement a chamboulé :

Je veux bien croire que The Dark Knight est un bon film, mais de là à être considéré comme le meilleur film de tous les temps… Ca me conforte dans l’idée qu’il faut savoir prendre beaucoup de recul avant de valider l’avis que l’on a d’une oeuvre. Les critiques élaborées dans la foulée d’une découverte sont les plus dangereuses et les moins pertinentes.

Je suis un grand fan de la barre de recherche Firefox.

Très pratique et très simple d’accès (Ctrl+K), elle permet de gagner beaucoup de temps. Bon nombre de sites proposent d’installer le module de recherche pour leur site. C’est d’ailleurs une des premières choses que je vérifie lorsque je découvre un nouveau site. Non seulement c’est bénéfique pour l’utilisateur mais ça permet au site en question de fidéliser l’internaute en lui facilitant l’accès.

Malheureusement, tous les sites ne proposent pas ce module de recherche.
Lire la suite

xkcd

bLaugh

Geek And Poke

Dilbert

Abstruse Goose

garfield minus garfield

Dinosaur Comics

Geeky Comic

Un sondage pour les acteurs du web (développeurs, web designers, graphistes…) proposé par l’excellent A List Apart : Survey 2008

Vous pouvez d’ailleurs consulter les résultats du sondage 2007 (dont j’apprécie particulièrement la mise en forme).

Parmi les moteurs de recherche spécialisés qui foisonnent sur le web, en voici un qui peut intéresser les web designers : Pdfgeni.com

C’est un moteur de recherche de pdf. Il permet notamment de trouver des E-books (l’équivalent d’un livre en ligne). Il est par conséquent très facile de trouver des documents concernant un domaine particulier. Même si il peut chercher dans n’importe quel domaine, Pdfgeni s’avère très pratique pour fournir des pdf concernant le web. Par exemple on peut chercher :

• « css » et on tombe notamment sur le Guide des css dans les mails de Campaign Monitor ou un Mémo css
• « actionscript » pour trouver ActionScript standards (par Adobe) ou un Guide de référence AS
• « interface » et tomber sur un Interface Design Guidelines (de 2001 mais très pertinent encore aujourd’hui) ou How To Develop An Effective GUI Standard illustré

Ce ne sont ici que 3 exemples pour trouver de très bons documents. Libre à vous de chercher dans d’autres domaines que le web!

Le plus populaire des wiki obtient sa propre application iPhone pour naviguer encore plus facilement à travers ses millions d’articles : Wikipanion.

Même si le site est évidemment accessible via le browser de l’iPhone, cette application améliore considérablement la navigation (auto-completion notamment) et la lisibilité (mise en page adaptée au support).

Une femme dénommée Hiroko Yoda voulait rejoindre cette joyeuse communauté de Facebook. Mais voilà : la Force l’en a empêchée (un peu comme elle m’a détruit tout sens graphique pour l’image ci-dessus).

A quand Chewbecca banni par MySpace ?

Par l’ami Bouctoubou, j’ai découvert un jeu très surprenant : JavaScript Rock Star. Ce qui est surprenant, ce n’est pas le gameplay mais plutot la technologie utilisée. La jouabilité est encore à revoir mais c’est néanmoins ludique. Utilisez les touches A,S,D,F et G pour taper respectivement les « notes » rouge, orange, jaune, verte et bleue. Une prouesse est d’avoir parfaitement synchronisé la vidéo Youtube au jeu. Une belle pub pour jQuery.

En parcourant le net, je tombe souvent sur des phrases très intéressantes, qu’elles proviennent d’un site, d’un article, ou d’un commentaire. Mais « blogger » dessus semble peu approprié car une seule phrase ne peut pas fournir un article. Je pense néanmoins qu’il faut le partager et c’est pour ça que j’ai décidé de lancer sous forme de micro-blog le site Words On Design.

Utilisant comme moteur Asaph (le même que pour Alt-Tab), Words On Design sont des extraits de blogs ou de discussions qui concernent le web design. L’essentiel du site réside dans ces phrases, dans leur contenu, et dans leur contexte (accessible en cliquant dessus). C’est pourquoi le flux rss est aussi (voire plus) important que le site en lui-même.

Words On Design (dont le nom provient de « Joel On Software ») intéressera je l’espère tous les web designers parmi vous.