Pixels gourmands

Aller au contenu | Aller au menu | Aller à la recherche

World Wild Web : apprivoiser Internet › Web-addict... pour une poignée de liens en +

Fil des billets - Fil des commentaires

dimanche 7 mars 2010

Clients From Hell - A collection of anonymously contributed client horror stories from designers.

I need you to make the website black and white but include as much color as possible.

Je suis désolée pour les anglophobes, mais cet article va parler de Clients From Hell, un site qui n'est qu'en anglais.
En plus, c'est le genre de site (comme danstonchat ou viedemerde) qui est un gouffre à temps insondable - comme la rapacité, la bêtise ou l'ignorance crasses démontrées dans ces petites histoires.

  • Let’s negotiate on the price. Don’t forget, my wife can do this for free.
  • But I thought you were a ‘FREElancer’ !


Car être un designer de site web, ce n'est pas de tout repos. Entre le client qui ne pourra pas travailler avec vous car vous êtes, disons, Balance, ou celui qui vous dit que son neveu peut finalement faire mieux et qui plus est gratuitement, c'est à vous dégoûter de vous mettre en auto-entrepreneur dans le milieu.

Rassurez-moi, vous ne le vouliez pas, hein ? ;-)

mardi 2 mars 2010

What type are you?

Voici pour aujourd'hui un "test vidéo" (english only) pour découvrir votre (police de) caractère(s).
Êtes--vous plutôt fonceur, tendance S(h)érif, ou vulnérable, sensible à la casse ?
Avez-vous un joli matelas de graisse sur votre panse, ou êtes-vous d'un caractère mobile ?

Le test typo de Pentagram, première question

Le test "what type are you?" ne vous posera sans doute pas ces questions, mais il est joliment réalisé (au temps pour la pub de l'agence de com à l'origine).
Un psy chevronné vous posera quatre questions de type A/B, puis déterminera votre typ(ographi)e.

Le test typo de Pentagram, mon résultat

Je suis une Dot Matrix, et j'avoue que j'aime assez le résultat ! Et vous ? Sur quoi tombez-vous ?

Nota : le site ne permet malheureusement pas de naviguer facilement d'avant en arrière, et pire, ne garde aucune trace de votre passage (pas d'identification possible) : il vous faudra donc refaire le test si vous avez manqué quelque chose... Par contre, vous pouvez visionner toutes les vidéos de type à la fin.

Le test typo de Pentagram, font Dot Matrix

jeudi 22 octobre 2009

Des vidéos interactives avec Youtube

Je suis allée la semaine dernière au Salon de l'Entreprise à La Rochelle. J'ai fait la connaissance de quelques personnes très intéressantes, en ai retrouvé d'autres avec plaisir, comme Beer Bergman, et ai appris deux-trois trucs qui me seront fort utiles. J'ai assisté à plusieurs présentations, dont une sur le marketing vidéo qui m'a remémoré les vidéos interactives de Youtube.


Donc voici une petite présentation de ces fameuses vidéos. Commençons par les exemples, ce qui est le plus parlant. J'entrerai un peu plus dans les détails par la suite...

En ce qui me concerne, je trouve que celles réalisées par Patrick Boivin sont les meilleures. Simply the best.
Pour prouver mes assertions, voici deux travaux qui devraient vous convaincre...


La Linea interactive

Tout le monde doit connaître le dessin animé qui sert de base, ces petites histoires d'un monsieur un peu ronchon, un peu maladroit et plutôt malchanceux (pour notre plus grand plaisir :) ) qui vit dans un monde en deux dimensions.
Dans ce court-métrage évolutif, choisissez le prochain obstacle que va rencontrer notre bonhomme !


Nous sommes en plein dans le film interactif à structure arborescente, donc si vous voulez suivre toutes les péripéties, il va falloir abuser de la fonction "reculer d'une page" de votre navigateur, ou piocher dans l'éventail des vidéos suggérées par Youtube itself. Je regrette qu'il n'y ait pas eu l'intégration de cette option de retour en arrière directement à chaque vidéo de fin.


Bboy Joker, le jeu

Patrick Boivin gère en animation stop-motion. La preuve :

Le making of est visible sur cette page.

On voit apparaître un gameplay autour de la mémorisation.
Dans un autre style, mais en s'appuyant toujours sur le jeu vidéo, le québécois a aussi réalisé Youtube Street Fighter. Ce dernier projet m'apparaît moins bon au niveau du fun généré comme de l'intérêt de l'interactivité : franchement, autant jouer au jeu vidéo, ici, ce n'est qu'un mauvais reflet.


Et puis, évidemment, la pub s'empara de l'affaire...

Je ne suis pas la seule à trouver Patrick Boivin bon. Ce dernier a en effet été chargé de réaliser les clips d'une des chansons d'Iggy Pop, ''King of the dogs'', de l'album Préliminaires.
L'interactivité sert ici surtout de lien entre les trois visions du chien-roi de la chanson. On notera que le lien entre les différents clips a ici bien été intégré. :)

Samsung s'est aussi mis au viral, avec des petits clips décalés, humoristiques, et à vocation pédagogique. Ils en profitent pour mettre en avant leur modernité ("on est sur Youtube, on parle de Facebook et on utilise des vidéos interactives"), et les capacités de leur appareil. Les clips sont courts, bien liés entre eux, et le fait de les voir dans un ordre ou l'autre n'est pas important (il n'y a pas de spoilers, donc peu importe l'ordre de visionnage).



Alors, comment ça marche ?

Il faut tout d'abord disposer d'un compte Youtube et avoir uploadé une vidéo. Une fois identifié, il faut aller dans son compte, sélectionner la vidéo et l'annoter.
Il existe trois types d'annotations : la bulle de texte (phylactère), le rectangle de commentaire, et la zone éclairée qui nous intéresse particulièrement.
Tout se fait très simplement, avec une visionneuse et des outils à manier par glisser/déposer.

Points positifs :

  • La zone d'action peut être redimensionnée et déplacée.
  • L'annotation peut contenir une URL.
  • On peut choisir le moment et la durée de l'affichage de l'annotation.

Points négatifs :

  • L'URL doit forcément être liée au domaine de Youtube.
  • Quand on lie à une autre vidéo de Youtube, on ne peut pas choisir à partir de quel moment elle est lancée (il faudrait un système de jalons).
  • Il faudrait également une option permettant de faire boucler la vidéo ou, mieux, une portion de cette dernière.
  • La navigation entre les vidéos est gênée par les temps de chargement.
  • Ce système n'est pas compatible avec l'intégration de la vidéo-mère dans un autre site (puisqu'au moindre clic, on est redirigé sur Youtube).


Comme le signale la page d'aide, ce système est en beta. J'espère sincèrement que mes suggestions seront intégrées afin de pouvoir profiter au mieux de cette fonctionnalité qui a un bon potentiel ! (Si vous connaissez quelqu'un chez Google... ;-) )

jeudi 6 août 2009

The Sixty One - le premier site musical RPG !!!

Aficionados de Final Fantasy et autres geeks fans de Tolkien, ne vous ruez pas sur le lien à la seule vue de la mention « RPG » ! (Pour ceux qui ne voient pas ce qu'est un RPG, ou Role-Playing Game, on appelle ça un jeu de rôle en français.)
Prenez d'abord quelques minutes pour lire les spécificités de ce petit site, ma foi fort sympathique.

Fan de musique, découvreur de talent(s), curieux, clubber's, rockeur, ou amateur de « grande musique » : SixtyOne est fait pour Vous.

SixtyOne_01 - Main Page


Lire la suite...

mardi 9 juin 2009

Labuat - Soy tu aire : peindre une chanson


Labuat, "Soy tu aire" : une expérience poétique
Il était une fois une chanteuse espagnole qui s'appelait Labuat.
Elle avait une chanson d'amour magnifique à écouter.

Alors HerraizSoto & Co (concept et direction artistique) décidèrent de le dire au monde entier !
Ils furent aidés dans leur entreprise par Jossie Malis (animations) et badabing! (programmation créative).

Labuat, "Soy tu aire" : déplacez votre pointeur...

Labuat, "Soy tu aire" : à vous de jouer !
Et ainsi, ils réalisèrent tous ensemble un merveilleux site interactif, où le pointeur sert de baguette magique et où on peut vivre la musique...

Merci à Calypso, pour m'avoir envoyé ce lien !

samedi 14 mars 2009

Save our blogs - Nacho Gomez


Nacho Gomez - Save our blogs (monstre anglais)

Lire la suite...

dimanche 11 janvier 2009

Snowdays - Popular Front

Snowdays - flocon n °2

Je ne sais pas si vous habitez dans le même coin que moi actuellement, mais il y a beaucoup de chutes de neige en ce moment. Histoire de rester dans le même esprit, voici un petit bijou flash qui vous permettra de créer de magnifiques flocons de papier virtuels.



Les manipulations sont très simples : dessinez une forme, et la partie délimitée disparaîtra. J'ai vu un bug lorsqu'on essaie parfois de faire des formes tarabiscotées (mais ça donne des effets intéressants graphiquement), et le logiciel est configuré pour vous avertir lorsque vous essayez de créer un flocon trop filiforme. Heureusement, il y a une option "annuler" très efficace, et au pire, vous pouvez toujours recommencer à zéro.

On peut également envoyer ses créations par mail, ou retrouver des œuvres grâce au moteur de recherche, ou même imprimer des flocons selon plusieurs mises en page (carte de vœux par exemple).
Sinon, j'ai eu un avertissement au lancement (ma version de Flash n'étant pas la dernière), mais vu que le site date de 2002, il suffit de forcer pour que ça passe ("If you know...").

Snowdays - flocon n °1 Snowdays - flocon n °3

mardi 30 décembre 2008

Kirigami : X-wing fighter - Hubert de Lartigue

Kirigami : X-wing fighter - Hubert de Lartigue

Je me suis rendue compte que j'avais beaucoup écrit dernièrement, et que Pixels gourmands manquait un peu d'images.
Et puis je me suis dit que vous étiez peut-être en vacances, que vous aviez peut-être un peu de temps libre...

Je ressors donc (hum, 2005 tout de même) de ma liste de marque-pages ce tutorial qui vous explique pas-à-pas comment fabriquer avec deux tickets de métro et un cutter un magnifique vaisseau de Star Wars...

Si vous êtes toujours d'attaque, vous pourrez aussi faire le Faucon Millenium (toujours avec des photos).

Avertissement : Hubert de Lartigue est un peintre photo-réaliste spécialisé dans la représentation de pin-ups. Certaines toiles érotiques représentent des modèles féminins nus ou dans des poses suggestives, et peuvent par conséquent choquer ou ne pas être adaptées à tous les publics... Attention donc en explorant le reste de son site.

jeudi 18 décembre 2008

Obento! - Anna the Red

Obento! - Cooking mama bento Merci à Greeg pour m'avoir envoyé ce lien !

L'un des buts de ce blog est de montrer que cuisiner c'est aussi un jeu et un plaisir. Et comme pour un jeu, le goût et l'apparence font partie de l'art de créer un chef d'œuvre. Certaines personnes accordent beaucoup d'attentions à l'apparence, et je pense qu'Anna the Red fait plus partie de ce type de personnes. C'est en tout cas ce que suggèrent ces photos de paniers-repas... Non ?

On commence donc par un bento clin d'œil à Cooking Mama, le jeu qui vous apprend à (/les gestes pour) cuisiner sur DS et Wii.


Et puis on continue sur Yoshi de Super Smash Bros., tout en feuilles de laitue, purée, fromage (à hamburger), carotte et myrtille. On trouvera aussi pêle-mêle des Lapins Crétins, un Big Daddy de Bioshock, un combat de Shadow of Colossus, et pleins de clins d'œil aux films du Studio Ghibli (Mon Voisin Totoro en tête).

Sur son blog, Anna the Red se fend même de quelques tutoriaux, hélas en anglais.

Obento! - Yoshi bento

Obento! - sandwich dinde (turkey)










lundi 1 décembre 2008

GoonTower & Goon City (pixel art géant)

Goon Tower - pixel art communautaire

Cette tour est un projet collaboratif mené par plusieurs membres du site somethingawful. Le nom des créateurs est cité dans les accolades en face des étages qu'ils ont créés. Précisons que certaines scènes sont parfois d'un goût douteux, ou présentent des actions explicites (violence ou sexe).
Le but du jeu , en tant que spectateur, consiste à retrouver toutes les références (essentiellement liées aux films et aux jeux vidéo) qui parsèment les étages de la tour. J'avoue que je sèche sur pas mal...


Et pour un projet encore plus grand - et auquel on peut encore participer a priori, cliquez ici.

Goon City - le retour du pixel art