Lorsqu’on est fan, qu’on est fou et qu’on a rien à faire, on crée une vidéo de Super Mario World totalement géniale : Super Mega Mario (c’est pas son nom officiel, mais ça colle bien à l’idée). Vous allez perdre 11 minutes de votre vie, mais vous serez bien content de l’avoir fait.
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 ?
5 juin 2008
En attendant la v4 du site, retour de quelques bdbx (au moins 5) après une longue pause due aux manques de temps et d’inspiration.
Merci à stArk de m’avoir soufflé l’idée !
10 juin 2008
Avis + Best Of + Bien développer + Design + XHTML / CSS
Après une année (ou presque) passée dans le monde professionnel du web design en tant que novice encore en rodage, je me pose encore la question : c’est quoi être web designer ? J’utilise cette dénomination parce que c’était celle de la formation que j’ai suivie, et qu’elle correspond aux 2 principaux aspects de mon travail : intégration et graphisme.
Intégration : l’écriture du code (X)HTML et des feuilles de styles (CSS) associées.
Graphisme : création de visuels, animés ou non, sous Photoshop, Illustrator, Flash…
A ce stade, j’ai d’ores et déjà inclus autre chose que du graphisme dans la notion de « web design » : l’intégration. En effet, coder c’est du web design aussi, et correspond en l’occurrence à la moitié de mon travail.
Cela peut prêter à confusion. On se dit « design = graphisme » et donc que le « web design » se résumerait au « graphisme sur le web ». Mais « to design », c’est concevoir, penser, réaliser les sites web. Comme le résume très bien l’article Wikipedia :
Le web design désigne la conception de l’interface web : l’architecture interactionnelle, l’organisation des pages, l’arborescence et la navigation d’un site web.
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).
17 juin 2008
Si vous avez quelques minutes à perdre, testez donc ce surprenant Mario Kart en Javascript. C’est tout léger et c’est super sympa. Cependant, ne vous attendez pas à revivre les mêmes sensations qu’il y a 15 ans. Pas tous les concurrents, pas toutes les courses, pas de ralentissement dans l’herbe, pas de pièces, et surtout pas d’items. Mais il faut avouer que le plaisir de jeu est bien présent.
Via Kottke
« Les sous-marins sont interdits en ville. »
18 juin 2008
Non ? Et bien voici une vidéo pour apprendre à le connaître : Meet The Sniper. L’animation et l’humour me rappellent inévitablement Pixar. Une façon comme une autre pour Valve de faire découvrir son très bon FPS exclusivement multi-joueurs : Team Fortress 2.
24 juin 2008
Je suis tombé sur un post de Positive Space qui recense 30 Essential PDF Documents Every Designer Should Download. Cette liste très bien fournie aborde des thèmes aussi variés que WordPress, la notion de design, les CSS dans les newsletter, le Web 2.0, la typographie, le statut de freelancer… On peut utiliser ces documents comme des guides, car leur avantage est d’adopter une vision très générale et synthétique d’un thème. Voici quelques-uns de mes préférés.
Yahoo! possède déjà de très bonnes ressources pour les développeurs en tout genre. Le pdf de Design Pattern Library est quant à lui un résumé des différents éléments graphiques que l’on peut être amené à implémenter dans un site, que ce soit des onglets, des calendriers, des formulaires… Il y a aussi des informations utiles pour créer un site selon un système de grille, ainsi que des informations sur les supports mobiles (dont l’iPhone).
Ce mémo pour WordPress est indispensable à tous ceux qui comme moi aiment créer des thèmes WordPress à partir de rien. Il recense toutes les fonctions que l’on peut appeler, en y juxtaposant une description concise et précise. Il existe bien sûr le Codex WordPress, la source principale, mais ce mémo a pour avantage de donner une vision globale de ce que l’on peut faire, et de trouver facilement une solution face à un problème donné. Si vous voulez aller plus loin, il existe aussi le Advanced WordPress Help Sheet, qui lui se focalise sur des cas particuliers faisant appels à plusieurs fonctions.
Ce qui me plaît dans cette charge contre le look Web 2.0 c’est que l’auteur (Elliot Jay Stocks) évalue exactement les raisons de la prolifération du soi-disant style « Web 2.0 » et caricature les gens qui ne comprennent pas ce que c’est, que ce soit les clients ou bien (et c’est pire) les designers eux-même. Le Web 2.0 n’est pas un design mais un concept. Malheureusement, ce terme a généré une vague sur laquelle bon nombre de gens surfent allègrement en se posant comme des designers 2.0 et considérant que l’Ajax est une technologie 2.0 (alors que ce n’est pas la technologie qui a changé entre le 1.0 et le 2.0, mais l’utilisation que l’on en fait). Le document fait bien remarquer que bon nombre de web designers n’ont pas suivi cette tendance de « look 2.0 », voyant bien que ce n’est qu’un feu de paille bien superficiel.
Quelques trucs marrants dénichés par ci, par là. Il y aura :
Un tutoriel pour créer sa propre clé USB personnalisée : un cable USB coupé en deux. C’est un peu plus encombrant qu’une clé USB normale, mais tellement plus marrant. Mais attention à ne pas la jeter par inadvertance…
Vous avez déjà souhaité porter le maillot de la New Team, la Toho ou la Muppet ? Il est enfin possible de se procurer les maillots d’Olive et Tom. Je n’en ai pas acheté donc je ne sais pas si ça vaut le prix (39€), mais la nostalgie n’a pas de prix me direz-vous !
Là aussi, la nostalgie est de rigueur si vous voulez apprécier un tel objet : un porte-bougie Atari. Dommage qu’il ne soit pas en noir et rouge…
Imaginez un étudiant qui s’ennuie (facile) et qui a un vieux cahier dont il ne sait plus quoi faire. Il se dit : « Et si j’écrivais la méthode pour résoudre un Rubik’s Cube ? ». Résultat : 14 pages de solution du Rubik’s Cube, scannées et uploadées. C’est pas très lisible, ni compréhensible, mais au moins vous pourrez vous entraîner à battre le record du monde.
Si vous n’avez pas encore vu (le médiocre) Indiana Jones 4, évitez de lire ces prochaines lignes.
Parfois, de nouvelles expressions apparaissent et viennent remplir notre argot. En l’occurence, « Nuke the fridge » provient du film Indiana Jones and the Kingdom of the Crystal Skull, et plus particulièrement de la scène où Indy survit à une explosion nucléaire en se réfugiant… dans un frigo. En gros, « Nuke the fridge » définit le moment (ou la scène) où une franchise (ici, Indiana Jones) perd toute sa crédibilité. Il existe déjà une entrée dans l’Urban Dictionary, une page Facebook et même des fringues…
Via Kottke
Mario, c’est culte. Vraiment. La preuve.
On a limite pas envie d’y toucher tellement c’est beau.
Vous prenez des stickers géants fabriqués par Blik, vous collez ça sur tous vos murs, et vous êtes au paradis dans Super Mario Bros. Dans la salle de jeu ok, mais dans le salon…
Super Mario Bros ce n’est pas qu’un jeu. C’est une métaphore de la vie. Tous les éléments du jeu sont une analogie d’éléments réels. Vous pensez que je disjoncte, mais pas autant que l’auteur de cette description.
Parfois, il faut penser à éteindre la console…
Liam Kemp est un graphiste 3D surdoué. Il propose ici une ébauche de sa prochaine animation : « The Normals« .
On vient de me faire découvrir cette excellente animation : « Moutons« . Les auteurs, trois élèves de Supinfocom, se sont associés pour un très beau projet. Une histoire qui se passe… dans l’océan. Beaucoup d’humour et une excellente réalisation pour une vision des choses particulièrement délirante.
Excellent post sur blog de Shoplet : Post-its Note Art: 8-bit Edition
Vous prenez beaucoup de post-it de couleurs différentes, vous les collez côte-à-côte selon une grille imaginaire bien définie, et vous obtenez :
Mario
Mega Man
(tout le processus de création de Mega Man)
Donkey Kong
A noter que cette dernière création fait partie d’une campagne Nintendo où chaque post-it enlevé révèle une pub Wii derrière! Et chaque post-it possède au dos une pub « Wii’ll not forget »! Ou comment faire d’une pierre trois coups! Tout simplement génial.
Mais le nec plus ultra reste cette monstrueuse création : Donkey Kong Climbs
Il existe même une vidéo en time-lapse du processus. Je vous le dis : c’est des malades.
Le lien entre le Post-it Art et le Pixel Art est évident : l’unité de travail est le pixel, mais le support est différent. D’ailleurs, ça ne vous rappelle pas ces Space Invaders qu’on trouve dans Paris ?
4 juillet 2008
Ce matin en ouvrant mon navigateur préféré, une mise à jour de Colorzilla était disponible. Vous connaissez sans doute cette extension Firefox qui permet d’avoir un outil « pipette » dans votre navigateur. Ainsi, en naviguant sur un site, il suffit de cliquer sur l’icône Colorzilla et de placer le curseur sur un pixel d’un élément de la page pour connaître ses codes couleurs (RVB et Hexadécimal).
Souvent, lors d’une mise à jour, une page du site de l’extension s’ouvre pour vous décrire les maj installées. En général, je zappe rapidement cette page, pensant qu’il n’y a qu’une liste de bugfix sans intérêt pour ma part. Mais là, j’ai bien fait de lire les nouveautés.
Aujourd’hui, la version 2.0 de Colorilla est sortie. Quoi de neuf ? Et bien 2 fonctions bien pratiques :
La version 2.0 porte plutôt bien son nom, avec son lot de fonctionnalités de partage très intéressantes, sans oublier la simplicité et l’efficacité du générateur de palettes.
9 juillet 2008
Ubuntu, la célèbre distribution de Linux, est à vendre sur Best Buy : Ubuntu pour $19.99 ! Et là tu te dis : WTF ! Best Buy est plutôt réputé pour être des escrocs, et ça ne fait que se confirmer. Le plus étonnant, ce sont les commentaires qui font l’éloge des logiciels gratuits disponibles pour Ubuntu, et des mises à jour gratuites à vie, mais ne mentionnant aucunement la gratuité même du logiciel ! Vous allez me dire que pour $19 vous avez Ubuntu sur cd sans avoir à le télécharger, mais sachez qu’il est possible de le commander gratuitement par la poste (si si, je l’ai fait lorsque je n’avais pas internet, je l’ai reçu quelques semaines plus tard, gratuitement).
J’imagine les néophytes qui, naviguant sur le site, voient un certain « clone » de Windows beaucoup moins cher, et qui n’hésiteront pas à l’acheter. Je trouve cette démarche de Best Buy hallucinante.
EDIT
J’ai vu que l’on critiquait (légèrement) ce post via le site d’Ubuntu (il apparaissait sur le site officiel). Je me suis sans doute emballé dans mon post mais voici ce qu’il ne faut pas oublier.
D’une part, Best Buy est souvent considéré comme une entreprise peu fiable en terme de qualité de service et d’honnêteté.
D’autre part (comme le souligne illovae en commentaire du site Ubuntu), et je le répète, les consommateurs-type d’un super marché sont des newbies, et même avec de très bons conseils (si ils en obtiennent), ils auront du mal avec Linux. « Pourquoi jpeux pas installer mes jeux? et Photoshop? et mon antivirus? ». Et ca va les énerver.
Ca donne de la visibilité à Linux, mais pas de la crédibilité.
Prenez des photos célèbres, remplacez les humains par des Legos, et vous obtenez de curieuses mises en scène. Vous remarquerez que le sourire inflexible des Legos est parfois bien malvenu.
14 juillet. Champ de Mars. La tour Eiffel s’éteint pour laisser place au feu d’artifice. D’une seconde à l’autre, je vois des dizaines de téléphones portables et autre appareils photo numérique surgir dans les airs, pour « immortaliser » l’instant. Quel gâchis.
Instantanément, notre champ visuel est restreint par les innombrables bras levés qui viennent obstruer notre vision. Si on ajoute à celà la luminosité irritante des écrans LCD (qui n’est pas sans rappeler celle des villes qui vient perturber la vision des étoiles la nuit), la pollution visuelle est bien présente. Je remercie tous ceux qui ont eu ce réflexe déjà bien implanté, et en particulier ceux à côté de moi qui m’ont clairement illuminé le visage sans remord.
Je veux bien croire que l’on veuille conserver un souvenir du feu d’artifice, mais une vidéo de quelques secondes ou une simple photo est largement suffisante. Quel intérêt de sortir toutes les 2 minutes son téléphone portable, voire pire : filmer l’intégralité du spectacle ?
Sans penser aux autres, ces nouveaux « photographes » et « réalisateurs » devraient penser à eux-mêmes. Parce qu’en filmant, ils se privent inévitablement du spectacle, étant quasi obligé de regarder en permanence la version très basse définition de leur portable qu’ils sont en train de filmer, version qui restera la seule qu’ils connaîtront puisque la « vraie » version, la version « HD », avec les yeux, en direct, ils ne la verront jamais. Ils ratent tout l’attrait d’un spectacle audiovisuel, en plein air, en direct, où la synchronisation, la diversité et l’homogénéité du tableau pyrotechnique ne peut être vécue qu’une seule fois.
J’émets des doutes quant à la capacité de mémoire de ces gens là, et dans celle d’apprécier l’instant présent, au naturel. Quant à la nécessité d’un feu d’artifice le jour d’une fête nationale (ou la nécessité même de cette dernière), c’est un autre débat.
Au 33e étage des Emirates Towers. Le paradis ?
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.
( Cela fait longtemps que je voulais poster cet article pour vous parler d’un logiciel que j’utilise depuis 1 an environ et qui est une vraie perle. Attention, vous risquez de devenir accro! )
Un problème incessant que l’on rencontre fatalement lorsqu’on utilise un ordinateur tous les jours est la prolifération des raccourcis en tout genre. Je parle ici des icônes de raccourcis que l’on trouve notamment sur le Bureau mais aussi dans la barre de Lancement rapide ou bien dans le menu Démarrer. Elles sont pratiques pour atteindre rapidement un dossier, un fichier ou même une URL. L’utilisation la plus fréquente reste celle de lancer un programme.
Mais voilà, étant victime de son succès, ces raccourcis se multiplient au rythme des installations de programme, et le Bureau devient une mosaique illisible d’icônes en tout genre. Et le temps passé à trouver une icône accroît exponentiellement. Il y a des solutions « artisanales » comme par exemple ranger par dossiers et sous-dossiers le menu Démarrer, ou organiser dans l’espace les icônes du Bureau. Mais à terme, il y aura des limites, et la mise en place même de cette organisation est coûteuse en temps et en effort.
Voici donc la solution : Launchy.
Il s’agit en fait d’un lanceur d’applications (mais pas seulement), tout léger et tout simple. Il démarre en même temps que Windows (sans que vous le voyez) et pour le lancer, il suffit de faire Alt + Espace, et il apparaîtra.
Son interface consiste en :
Après l’avoir lancé, vous tapez le nom du logiciel que vous voulez lancer, et vous faites « Entrée ». Et voilà!
Par défaut, Launchy indexe les fichiers .ink (raccourcis) existants dans le menu Démarrer, et aussi les favoris internet (Firefox et IE). Donc en tapant un mot, il cherchera dans ses endroits là. Vous pouvez bien sûr lui demander d’indexer d’autres fichiers (mp3, doc, pdf…) et d’autres dossiers. Il suffit de le configurer dans les options.
Si au moment de taper le nom de votre programme ce dernier n’apparaît pas, attendez 2 sec et un menu déroulant apparaîtra. Choisissez le bon raccourci et faites Entrée.
Vous aurez remarqué que si vous ne tapez qu’une seule lettre, Launchy vous propose déjà une liste de raccourcis. Sachez que si vous voulez par exemple d’associer la rechercher « f » au logiciel Firefox mais qu’en tapant « f » Launchy vous propose d’abord le logiciel Flash, et bien choisissez Firefox dans le menu déroulant et la prochaine fois que vous taperez « f », Launchy vous proposera directement Firefox !
Bien sûr, cette astuce marche aussi pour les requêtes de plus d’une lettre. Mais il est pratique (car encore plus rapide) de faire des raccourcis d’une seule lettre. Pour ma part, ça donne :
Il y aura éventuellement un temps d’adaptation mais il est vraiment très court. Je ne peux plus me passer de ce logiciel qui s’avère être celui que j’utilise le plus.
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.
