LE DEBUGGER's blog - LE DEBUGGER

Carrément à l'ouest !

Mox Folder — Fri, 29 Aug 2008 14:50:00 -0400

Et voilà, une petite semaine de vacances bien méritée dans l'ouest canadien. Je reste connecté alors pas de bêtises !

Le blog est mort vive le blog

Mox Folder — Wed, 27 Aug 2008 12:16:00 -0400

Avec mon déménagement récent et mes préoccupation diverses, professionnelles ou non, l'activité de ce blog a fortement baissé ces derniers temps. Non seulement le temps est plus difficile à trouver mais la motivation aussi. De plus, dernièrement, l'acquisition d'un iPhone est venu attisé un peu tout ça.

Le blogging change et évolue. Aujourd'hui, en plus d'un blog on a gérer Twitter, Facebook, Google, Flickr, etc... C'est pas pour rien que des services comme MyBloglog ou Friendfeed ont évolués ou vu le jour récemment : Notre vie sociale sur le web s'éparpille.

Aujourd'hui plus que jamais ce blog n'est qu'une fenêtre de mon activité sociale sur Internet, ou plutôt la porte d'entrée ;o) Mais des fenêtres il y en a d'autres, vous pouvez retrouver dans le menu latéral les principaux services que j'utilise régulièrement. Ce blog reste mon canal de communication principal mais n'est pas seul, c'est pourquoi je réfléchi actuellement à une page d'accueil (par exemple LE DEBUGGER.com), sur laquelle on retrouverait en un coup d'œil les différents services que j'utilise.

Pour l'instant on y retrouve qu'un lien vers ici et mon portfolio récemment mis en ligne... j'avais jamais mis en ligne mon portfolio, maintenant c'est fait. Ça ne me sera probablement d'aucune utilité compte tenu de l'objectif professionnel que je me suis fixé, mais je le considère comme mon site professionnel. Pour l'instant j'y présente des travaux sur lesquels j'ai pu travailler à titre de graphiste, ce n'est pas exhaustif ça peut évoluer par la suite. Si j'ai décidé d'utiliser un moteur de blog pour présenter mon portfolio (ce qui n'est pas commun) c'est pour deux raisons : flexibilité et simplicité des mises à jours. On peut aussi y retrouver mes liens partagés via Google Reader liés au design et au web en général ainsi que mon CV.

Bref, voilà.

Y aussi le flux Feedburner, à mettre à jour dans votre news reader si ce n'est pas déjà fait, parce que par exemple grâce et Airme, Flickr et Feedburner je moblog et j'aime ça. Une photo par jour, peut-être plus, peut-être moins. Puis j'ai découvert Tumblr récemment, j'aime bien le concept et j'aime bien leur design... du blogging léger entre microblogging et blogging normal. Idéalement faudrait que je trouve un moyen, de mettre le flux Tumblr dans le flux Feedburner, je sais pas si techniquement c'est possible, à creuser. En attendant j'ai fait l'inverse, j'ai mis le flux Feedburner dans Tumblr..

À propos des insertions de photos Flickr dans le flux Feedburner

Mox Folder — Fri, 11 Apr 2008 15:05:00 -0400

Pour les lecteurs qui suivent ce blog via le flux Feedburner, je testais l'insertion de photos Flickr dans le flux comme décrite sur Le journal du blog, c'est pourquoi vous avez vu apparaitre une série de billets avec des photos Flickr dans le flux.

Je suis pas franchement convaincu en fait. Idéalement il faudrait une fonction comme un plug-in Dotclear et/ou un service web utilisant les API Flickr via l'interface XML/RPC intégrée à Dotclear 2 qui publie directement sous forme de billets dans le blog et pour lesquels on peut attribuer une catégorie précise.

Au passage, je réfléchi à un nouveau design qui va pleinement prendre en compte différents éléments extra-blog, comme par exemple les photos avec Flickr, le micro-blogging avec Twitter et une sorte de carnet de bord comme on en trouve sur Embruns... à ce titre il faudra que je teste un jour Blog-It Express mais ça ne ferait que rajouter un service web supplémentaire...

L'idée fait son chemin, ça fait plusieurs billets que je vois qui parlent d'éclatement du à la multiplication des services web qu'on utilise. C'est dans cette idée qu'on voit d'autres nouveaux services émerger tel que Friendfeed ou encore des points de convergence sur des services web et réseaux sociaux déjà établis (Facebook ou Netvibes).

Et moi je suis attaché à mon blog, je vais donc essayer de faire en sorte que celui intègre au mieux cette problématique.

Mon Friendfeed : friendfeed.com/ledebugger (je sais pas pourquoi les billets publié sur mon blog n'apparaissent pas dedans...)

Mon flux Feedburner : feeds.feedburner.com/ledebugger

Oncle Tom / Oncle Sam

Mox Folder — Wed, 30 Jan 2008 08:00:00 -0500

Deux photos prises à New-York, la première sur la 5e avenue, la seconde le soir de nouvel an en remontant Times Square sur une rue parallèle. Vous pouvez cliquer pour les agrandir.

Oncle Tom

Oncle Sam

Bientôt Halloween

Mox Folder — Sat, 27 Oct 2007 20:51:00 -0400

On se prépare, photo prise l'année dernière. Je sais pas encore si je me déguise cette année...

Uploaded by LE DEBUGGER.com.

Ciel en feu à Key West

Mox Folder — Wed, 17 Oct 2007 12:23:00 -0400

Photo prise le dernier soir à Key West, la veille j'avais mitraillé le couché de soleil sur la mer, de face pour tenter d'obtenir THE cliché, en vain... ou plutôt non, c'était le contraire, c'est tellement cliché un couché de soleil. De dépit je disais à madame C'est dommage qu'il n'y ait pas de nuages, ça aurait été tellement mieux avec des nuages.

Le lendemain en se dirigeant vers un bar à rhum pour l'happy-hour (de 14h à 20h ça laisse une marge), c'est comme si Dieu m'avait entendu...

Liens réparés

Mox Folder — Wed, 05 Sep 2007 17:19:00 -0400

Non sans mal, j'ai réussi à résoudre le problème des liens et chemins des images, parce que Dotclear 2 gère ça différemment. Pour ça j'ai eu recours à un fichier .htaccess, en fait un fichier texte à placer à la racine du blog. Ci dessous le récap :

Changement des extensions .php en .php 5 (spécificité de mon hébergeur) :

AddHandler x-httpd-php5 .php

Redirection des billets afin de préserver le bénéfice de mon référencement Google, et pour ne pas avoir des liens qui aboutissent nulle-part :

RedirectMatch 301 ^/index.php/2005/([0-9]{2}/[0-9]{2}/[0-9][0-9]*-.*)$ /index.php/post/2005/$1
RedirectMatch 301 ^/index.php/2006/([0-9]{2}/[0-9]{2}/[0-9][0-9]*-.*)$ /index.php/post/2006/$1
RedirectMatch 301 ^/index.php/2007/([0-9]{2}/[0-9]{2}/[0-9][0-9]*-.*)$ /index.php/post/2007/$1

Enfin déplacement du dossier images dans un dossier public (spécificité de Dotclear 2 qui, étant capable de gérer plusieurs blogs, est doté maintenant d'un dossier public) :

Redirect permanent /images http://blog.ledebugger.com/public/images

J'utilise aussi un .htaccess (que je n'ai pas encore remis en place) pour interdire l'affichage des images que j'héberge sur d'autres sites. Ceci me permet, en théorie, de mieux contrôler la consommation bande passante qui comme je l'expliquais dans ce billet est squattée par des malotrus :

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(blog\.)?ledebugger\.COM/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://(feeds\.)?feedburner\.COM/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://(www\.)?netvibes\.COM/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://(www\.)?google\.COM/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://(www\.)?google\.FR/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://(www\.)?google\.CA/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://(www\.)?bloglines\.com/.*$ [NC]
RewriteRule \.(gif|jpg|rmi|mid|rm|wav)$ http://blog.themoosescorner.com/public/Debugger/ledebugger.$1 [NC,R,L]

La liste de sites ce sont les exceptions afin de permettre l'affichage des images sur les agrégateurs de flux en ligne. Si des images ne s'affichent pas sur votre agrégateur, faites le moi savoir que je l'ajoute à la liste. La dernière ligne c'est l'image à remplacer que j'héberge là ou la bande passante n'est pas limitée (merci Gandi ;o)

Merci à Alexandre Alapetite et à Swâmi Petaramesh entre autres.

This is it !

Mox Folder — Wed, 05 Sep 2007 00:27:00 -0400

Les plus fins observateurs auront surement remarqué un lifting complet mais aussi quelques nouveautés induites par le passage à Dotclear 2. Je vous laisse découvrir les petits détails, j'y reviendrai plus tard mais là, à minuit passé, j'ai surtout envie d'aller me coucher !

Bref on va dire que globalement c'est réussi, non sans mal. Tout n'est pas parfait, il y quelques petits ajustements à faire encore, considérez que le blog est en béta pour quelques jours de plus... prévoir quelques perturbations dans les jours qui viennent (liens cassés, images qui ne s'affichent pas, etc.).

J'en profite pour redonner le lien du flux à intégrer dans votre agrégateur favori :

http://feeds.feedburner.com/ledebugger

Considérez aussi que vous avez là une version 2.0 qui va évoluer et s'améliorer dans les semaines qui viennent (avec j'espère une optimisation pour IE mais c'est pas gagné...).

Enfin, merci à kozlika pour ses tutoriaux sur Dotclear 2 et ses kits de structures de thèmes.

Note de service

Mox Folder — Sun, 02 Sep 2007 21:10:18 +0000

C'est chaud là ! Week-end de 3 jours et je suis à fond sur mon nouveau design depuis ce matin. Il me reste plus que demain, là il est 21h et je déconnecte l'ordi parce que si je ne m'arrête pas là, je suis capable d'y passer la nuit.

Mais ça avance, demain je devrais être en mesure de switcher vers Dotclear 2 et un nouveau design pour l'occasion... en espérant toujours ne pas avoir de problème de compatibilité avec mon hébergeur.

Le design en lui même est presque fini, le plus gros travail qui m'attend demain,lundi, sera de réparer les liens, le chemin des images ainsi que toutes les vidéos embeded à cause de certaines spécificités à Dotclear 2.

Ensuite, il faudra que je tag tous mes billets, soit presque 300... une vraie partie de plaisir.

En chantier

Mox Folder — Sun, 26 Aug 2007 12:13:46 +0000

Si tout va bien aujourd'hui je passe le blog de Dotclear 1 vers Dotclear 2. Le design est presque fixé, il me reste à faire les dernières retouches en CSS pour le thème de Dotclear et ensuite installer ce nouveau moteur de blog sur le serveur.

Je m'attend évidemment à avoir des petites surprises et légers contre-temps, la plus grosse interrogation portant sur la compatibilité de mon hébergeur avec Dotclear 2, j'espère ne pas être obligé de faire marche arrière en cours de route. En tout cas sur mon web server en local ça fonctionne.

Attendez-vous à avoir des perturbations aujourd'hui et dans les jours qui viennent, mais ça devrait bien se passer, j'ai confiance ;o)

Mise à jour du flux

Mox Folder — Sat, 04 Aug 2007 19:21:44 +0000

J'ai opéré quelques changements récemment, le plus visible se trouve là juste à gauche : une catégorie Day by day (au jour le jour) avec mon badge Twitter et l'intégration des derniers commentaires postés sur le blog.

Moins visible : j'ai changé les flux et ai opté pour Feedburner. Je me suis rendu compte récemment que mon flux RSS n'était pas compatible avec Feedburner et mon flux Atom était vide. Je sais pas ce qui s'est passé, j'ai du avoir une couille avec Dotclear alors j'en ai profité en même temps pour mettre à jour Dotclear de la version 1.2.3 à la version 1.2.7 et avoir ainsi un moteur de blog tout beau tout propre.

Voilà, donc veuillez noter le nouveau et le mettre à jour de vos agrégateurs favoris :

feeds.feedburner.com/ledebugger

What the fuck ?!

Mox Folder — Thu, 19 Jul 2007 23:18:00 +0000

Ci-dessous une petite capture de mes stats de connexions depuis 2 mois via Google analytics (par pudeur j'ai masqué les chiffres). Je vous laisse deviner à quoi est du ce pic des derniers jours, réponse en dessous...

En fait je m'aperçois que la plupart des connexions que me rapporte Google analytics viennent de Google et Google images. J'ai une assez bonne visibilité sur Google sur certains termes et/ou mots. Essayez avec rome saison 2 par exemple ou films 2007 (j'arrive en page 2 avec un terme aussi anodin c'est pas rien ;o), ou encore save the cheerleader save the world (ma plus grande fierté)... bref, là ça m'apporte du trafic intéressant car intéressé (je le vois sur les commentaires de mes billets sur Rome et Lost par exemple), c'est flatteur car je sais que les gens qui arrivent sur mon blog via ces liens seront, à priori, intéressés par le contenu qu'ils vont y trouver. Là ou c'est plus difficile à digérer c'est quand le trafic arrive via Google image, ça m'intéresse moins, je sais qu'il viennent juste se rincer l'œil... surtout quand ça draine la moitié du trafic.

Maintenant essayez de taper Megan Fox dans Google image, je vous laisse admirer le résultat et j'en profite pour vous rappeler que Transformers sort le 25 juillet en France et que le film est une vraie bombe, je m'attends d'ailleurs à voir débarquer plein de petits frenchies sur mon blog grâce à Megan Fox dans les jours qui suivent le 25 ;o)...

Nouveau design... in progress

Mox Folder — Sat, 02 Jun 2007 16:32:41 +0000

J'ai décidé de passer à un nouveau design pour le blog, la principale raison étant que j'aimerai ajouter une 3e colonne (une 2e sidebar). Pourquoi une 2e sidebar ? Tout simplement parce que ça me permettrait de mieux hiérarchiser certaines informations. Comme vous avez pu le constater dans la sidebar on trouve pas mal d'informations plus ou moins utiles : une mise en avant de certains billets, des liens, un widget twitter, un widget autoroll, un calendrier et des pubs. Je voudrais y ajouter les derniers commentaire postés sur blog et prévoir d'inclure des tags lors d'une éventuelle évolution vers Dotclear 2. Ça fait beaucoup et si on veut pouvoir accéder à certaines information on est obligé de dérouler jusqu'en bas.

Alors qu'avant on se limitait à un peu moins de 800 pixels de larges aujourd'hui l'évolution de la taille des écrans permet de s'affranchir de cette limite et de voir un peu plus loin. Bref, j'ai commencé à y réfléchir un peu et je suis parti sur un idée qui me bloque, comme souvent quant on part sur une idée fixe. Je vais donc te donner l'occasion à toi cher lecteur de participer : Ci-dessous voilà une première idée développée :

Je suis bloqué par cette fichue sidebar, et le visuel choisi ne me permet plus d'y afficher le menu horizontal des catégories d'autant qu'il est tout en noir & blanc (oui j'ai flashé sur cette photo trouvée dans l'espace Virb de Michael Bay), ça laisse donc peu de place à de la couleur (sur le design actuel, le visuel du bandeau apporte la couleur nécessaire).

J'aimerai aussi pouvoir afficher le logo quelque part et ne pas toucher au display des billets que je trouve très bien tel quel et surtout ça me fera moins de boulot. Voilà si vous avez des idées ou des suggestions, moi de mon coté je vais continuer à plancher dessus.

Nouveautés sur le blog

Mox Folder — Wed, 14 Mar 2007 22:49:17 +0000

Avant de passer à DotClear 2 je pousse cette version dans ces derniers retranchements. J'ai ajouté 2 nouveaux plug-in :

Translate with Google créé par Thomas Ébélé : Ajout d'un lien en haut du header qui pointe vers google translate et traduit le blog en anglais => Pas au point en fait, donc je l'ai viré ;
Web2Mail : Permet l'insertion d'un formulaire de contact accessible dans le menu latéral, catégorie À Propos, j'utilise Web2Mail conjointement avec Related qui permet de gérer des pages connexes (ma page de présentation Me Myself en I en est une par exemple).

Enfin pour les plus observateurs, malgré ce que j'avais écrit ici sur la publicité et les blogs, j'ai décidé d'intégrer des bannières Google Adsense. Ceci pour deux raisons :

Tester les fonctionnalités... et d'ailleurs je m'aperçois que ce n'est pas évident à configurer ;
Évaluer la rémunération : Évidemment je ne m'attends pas à toucher le jackpot, mais ce blog ayant une visibilité sur Google de plus en plus signifiante - je donnerai les mots clefs qui ramènent un jour - je suis curieux de connaitre le rentabilité de ce type d'opération.

Comme vous pouvez le voir, les bandeaux sont relativement discrets et ils sont amener à évoluer : je vais tester, bidouiller, optimiser...

Panorama vertical

Mox Folder — Sun, 11 Mar 2007 18:38:38 +0000

Le problème avec une photo c'est qu'on est limité au champ du cadre de la photo qui est bien moins large que notre de vision. Le principal défaut que l'on reproche souvent aux appareils numériques de prise de vue (APN, caméra vidéo, etc) c'est la petitesse de cette focale. Le rendu est souvent décevant au regard de ce que l'on a vu de nos propres yeux. Et comme bien souvent on ne peut pas ajouter d'objectifs tiers sur ce genre d'appareil, exit les grand angle et autre fish-eye.

C'est là qu'entrent en jeu les modes panoramiques des APN plus ou moins récents. Le résultat est toujours fascinant, surprenant ... pas toujours concluant mais ça dépend aussi beaucoup de la qualité de la prise de vue, de l'environnement et de la fusion des différents clichés.

Hier j'ai un tenté un truc que je n'avais bêtement jamais tenté, je ne sais pas pourquoi ... jamais eu l'idée alors que finalement c'est tout con. C'est à dire à quel point on se fixe seul des barrières qui n'ont pas lieu d'être. Donc le panoramique qu'on utilise la plupart du temps pour des panoramas de paysages en mode horizontal, je l'ai tenté en vertical. Ci dessous, je me trouve sur un pont suspendu, on voit au loin la ligne d'horizon avec un autre pont : j'ai fait un pano. de cette ligne d'horizon jusqu'à mes pieds avec 3 photos seulement.

Les photos ont été prises avec mon téléphone, un Sony Ericsson K790 labelisé Cybershot. Il fait 3.2 MP, mais malheureusement pour le mode pano. il ne prend les photos qu'à une résolution nettement inférieure (surement un limitation du au processeur utilisé par le tél). Par contre le truc bien c'est qu'il merge lui même les photos (on est limité à 3 mais c'est amplement suffisant dans la plupart des cas). Le point & shoot presque idéal en somme...

Migration vers DotClear 2

Mox Folder — Tue, 13 Feb 2007 12:43:44 +0000

Màj. Ok, problem solved ! Pour info, afin de régler le problème d'incompatibilité avec l'hébergeur, il a fallu que j'installe un script dans un fichier .htaccess à la racine du blog Dotclear 2. Le script a pour effet de réécrire tous les fichiers .php en .php5, le voici :

AddHandler x-httpd-php5 .php

(selon les hébergeurs il est nécessaire de modifier les extensions ou forcer l'activation de PHP 5, ceci est détaillé dans la documentation de Dotclear 2)

Un grand merci à Dédé d'Avenue du Web (mon hébergeur) pour le coup de pouce.

Step 2 : Installer ce Dotclear 2 en local sur mon Mac (c'est pas gagné d'avance), afin de pouvoir travailler librement sur le thème du blog (pas gagné d'avance non plus, vu les différences entre Dotclear 1 et 2)... en croisant les doigts que d'ici la version finale il n'y ait pas de changement fondamental.

Il semble que Dotclear 2 soit presque en phase finale, je vais donc prochainement migrer vers cette plateforme qui offre quelques fonctionnalités en plus tant au niveau de l'interface utilisateur que de l'interface administrateur : Dotclear 1 est, je trouve, plutôt complet pour mon utilisation mais il manque néanmoins la possibilité d'ajouter des tags.

J'ai déjà pu avoir un aperçu de Dotclear 2 par le biais de The Moose's Corner et j'en suis plutôt satisfait, ma seule interrogation étant : Vais-je pouvoir importer le contenu actuel de ce blog sans fracas ? Une fois que j'aurai répondu à cette question par l'affirmative il faudra alors que j'adapte le template et le CSS de Dotclear 2 pour conserver le design actuel et peut-être le faire évoluer un peu. Ensuite suivra une fastidieuse étape de révision des précédents billet pour leur adjoindre des tags...

~~...mais avant tout ça il va falloir que je règle un petit soucis avec mon hébergeur qui semble incompatible à Dotclear 2.~~

Dark mood

Mox Folder — Wed, 18 Oct 2006 19:31:56 +0000

Comme tous les ans en cette période c'est l'Halloween qui s'en vient et donc voici une nouvelle bannière de circonstance :

Si elle ne s'affiche pas sur votre browser, raffraichissez la page en appuyant sur “alt?.

Work in progress (part. III)

Mox Folder — Wed, 23 Aug 2006 17:19:20 +0000

Troisième et avant dernière partie de ce work in progress, la prochaine étape sera la conclusion. Comme on peut le voir, le nouveau design est en ligne. Aussi on va considérer que c'est une beta public ;o)

Il me resque quelques éléments à peaufiner et notamment : le formulaire des commentaires, la rubrique 'Archives' dans la sidebar et la rubrique 'Syndication' qu'il faut que j'enlève de la sidebar pour mettre en haut dans le header. Je réfléchis aussi à remettre la fonction 'Nuage'.

Au niveau graphique, il faut que j'ajoute quelques éléments de background ici ou là et que je refasse le montage du bandeau visuel fait à la va vite, je vais surement le réduire en hauteur au passage, je me tate... mais de toutes façons, c'est une partie qui est amenée à changer régulièrement.

N'ayant pu tester que sur Mac avec Firefox et Safari, je remercie d'avance ceux qui pourront me remonter les eventuels bugs d'affichage ou autre, en particulier les utilisateurs Windows avec IE... Avec une capture d'écran ce serait idéal.

Je rappel mon adresse email : moxfolder at ledebugger. com (tout attaché).

Et pour finir un petit conseil : l'outil indispensable du développeur web. À utiliser en complément d'un Dreaweaver, c'est une extension Firefox qui permet - entre autres - d'éditer les CSS d'une page web, de les modifier et de voir en temps réel dans le navigateur le résultat. IN-DIS-PEN-SA-BLE !

Work in progress (part. II)

Mox Folder — Fri, 18 Aug 2006 15:39:22 +0000

Le processus créatif est un cheminement complexe. On part souvent d'une idée, que l'on pense être bonne, et à tout les coups vous pouvez être sûrs que cette idée sera assez vite écartée pour X raisons ou contraintes.

L'autre jour au cinéma, en voyant un spot publicitaire, j'ai eu l'idée de partir sur une pellicule de cinéma (avec une lumière en arrière plan) sur laquelle chaque nouveau billet du blog représenterait une nouvelle image.

Bonne idée s'il en est, en accord avec l'univers du Debugger, je me suis vite rendu compte que je m'écartais des objectifs que je m'étais fixés au départ, à savoir : une meilleure lisibilité et une clarté à toute épreuves.

En effet, le fond sombre, la taille de la police et l'agencement en trois colonnes ne facilitant pas la lecture, j'ai décidé - au moins pour les billets - de passer à un fond clair et une couleur de texte foncée pour contraster. Par ailleurs avec l'idée de la pellicule, je me serai sûrement embarqué dans une surcharge graphique qui aurait nuit à la lisibilité... le but premier du design d'un blog doit être de rentre la lecture agréable ! Enfin, je vais aussi suivre les conseils d'Hubert et passer à deux colonnes, j'en profiterai par la même occasion pour mettre les menus des catégories dans le header et ainsi simplifier et alléger la barre de menu latérale. Le header sera composé d'un bandeau graphique qui pourra être mis à jour facilement selon mes humeurs ou l'actualité... je pourrai même aussi y mettre une animation flash.

Au départ j'avais pensé faire un work in progress en image, en montrant les différentes étapes mais au final je trouve ça plus intéressant d'essayer de traduire tout cela par des mots. Et puis ce n'est qu'un blog... peut-être que pour la refonte du site, je procéderai ainsi, avec des exemples graphiques.

Pour finir, la mise à jour du blog est prévue en début de semaine prochaine... si tout vas bien. Soit en avance par rapport à l'objectif que je m'étais fixé.

Work in progress (part. I)

Mox Folder — Wed, 16 Aug 2006 16:53:11 +0000

Le nouveau design du blog avance et en même temps me viennent pleins d'idées pour le site du DEBUGGER. J'aime cette partie créative des débuts d'un projet durant laquelle pleines d'idées viennent, fusent et se chamboullent dans la tête. On est souvent tenté d'en écarter certaines pour des raisons techniques et c'est mal. À cette étape, je me force à ne pas penser à la technique pour ne rien écarter, le reste viendra après.

En fait c'est même grisant, on serait tenté de ne faire que ça, imaginer, créer, lancer des idées, etc. Je pense qu'il y a un peu de peur, la peur de ne pas être en mesure de concrétiser ce qu'on a en tête, les notes et maquettes griffonées sur une feuille, la peur de l'échec. Un peu comme ce que doit ressentir un écrivain, le syndrôme de la page blanche.

Un jour un ami étudiant en école de cinéme me dit : C'est bizarre, quand j'écris un scénario, j'ai tout en tête. Le pitch, l'histoire, les rebondissements, l'ambiance, le décor, les personnages, etc. Mais pourtant, lorsque je suis devant mon ordinateur, je suis bloqué. Je n'y arrive pas. Je suis incapable de développer mon scénario !. Diplomatique et ne voulant pas lui dire qu'il a probablement un défaut de méthodologie dans sa manière de procéder, je cherche une métaphore et je lui répond tout simplement : Tout le monde sait à quoi ressemble un arbre, tout le monde en a déjà vu et on est tous en mesure de se représenter un arbre dans son esprit... Mais si je te demande de me dessiner un arbre ?!. Je pense sincèrement que tout le problème est résumé dans cette métaphore.

Il faut donc parfois se faire violence et être capable d'aller au délà... ne pas avoir peur de l'échec, ne pas avoir peur d'être médiocre, car ça arrive oui. C'est seulement comme ça que l'on avance, sinon les projets resteront toujours des projets.

Donc là, j'en suis où ? Ben je pense avoir une idée assez précise de ce que je veux faire maintenant et je suis prêt à passer à l'étape suivante : concrétiser ces idées sur Photoshop.

(à suivre...)

Refonte du blog

Mox Folder — Tue, 01 Aug 2006 18:57:33 +0000

(mise à jour en bas de page)

Après un peu plus 6 mois d'existance je me rends compte qu'il est important de retravailler le design de ce blog.

Lorsque j'ai ouvert ce blog, je découvrais DotClear, je n'avais aucune connaissance en PHP et encore moins en bases de données SQL. Je ne savais pas si ce blog allait durer et je ne voulait pas passer trop de temps sur le design. J'étais donc parti d'un thème Dotclear que j'ai personnalisé dans un pur esprit DEBUGGER.

Aujourd'hui, je suis loin d'être un expert en développement PHP et bases SQL - ben oui si j'étais un expert, j'aurai pas opté pour une solution clef en main comme Dotclear ;o) - mais, après 6 mois d'utilisation, je sais gérer et administrer une interface de site web tel que Dotclear. Il est temps maintenant de passer à l'étape supérieure.

Dans les prochaines semaines je vais donc poster régulièrement l'état d'avancement des travaux de refonte. Je commencerai par faire des recherches visuelles et graphiques, puis je passerai à l'étape Photoshop pour faire la maquette et enfin je finirai par l'intégration du nouveau design dans Dotclear (à moi les joies des CSS !). Je me donne comme objectif le 1er septembre.

Voilà de quoi passer un mois d'aôut palpitant (en plus c'est mon anniversaire le 5 !)...

Ensuite, la prochaine étape sera la refonte de site du DEBUGGER. J'essaierai d'y intégrer du Flash et surtout une meilleure intégration/cohabitation du site avec le blog. Pour le site, je me donne comme objectif la fin de l'année 2006. Y a beaucoup plus de travail à effectuer que pour le blog.

Màj : En attendant j'ai intégré une petite fonction nuage pour prendre la température du blog em temps réél.

Bannière pour un blog

Mox Folder — Fri, 28 Jul 2006 22:17:01 +0000

Julien avait besoin d'une bannière pour son blog All About Internet qui aborde l'actualité web et mobile, le marketing internet et plus encore.

Il fallait une bannière qui évoque ces sujets tout en respectant la charte du blog. J'ai donc pensé symboliser la connectivité par des câbles qui évoquent des câbles de fibre optique... Les connections wireless étant quant à elles symbolisées par des ondes. Et puis il y a l'inévitable référence aux tags du code HTML (éprouvé certes mais toujours aussi efficace ;o)

iPod advertising

Mox Folder — Thu, 25 May 2006 15:41:00 +0000

L'iPod étant devenu aujourd'hui un objet incontournable et les publicités autour de l'iPod étant reconnaissables au 1er coup d'œil, il est normal que l'on en trouve de plus en plus de détournements. C'est pourquoi j'ai eu l'idée de cette série d'images qui met en scène les tueurs de 3 des slashers les plus connus, l'iPod et les écouteurs étant remplacés par les signes destinctifs de ces personnages de films.

Certes ce n'est pas aussi fun que les détournements d'Happy Tree Friends - c.f. podcast - ou Lego ni aussi contestataire que le trés bien vu iRaq, mais bon je trouvais ça sympa comme déclinaisons.

Une série de Jaquettes

Mox Folder — Wed, 17 May 2006 00:09:05 +0000

Voilà une petite série de jaquettes VHS.

Greetings

Mox Folder — Thu, 20 Apr 2006 21:43:27 +0000

Un cartons d'invitation pour des amis, une animation GIF pour célébrer la passage au nouveau millénaire et une eCard pour célébrer halloween comme il se doit... l'inspiration du cinéma est toujours présente ;o)

Inspiration ciné...

Mox Folder — Mon, 10 Apr 2006 21:36:22 +0000

Quand le cinéma inspire à la création. Tout à été fait en totale improvisation... parmis mes tous premiers travaux sous photoshop

Créations pour contenu on-line

Mox Folder — Sun, 02 Apr 2006 21:23:35 +0000

Voici une serie de visuels dont je vous laisse devenier le thème ... à l'origine ces visuels ont été créé à destination de contenus pour téléphones mobiles mais ils peuvent servir aussi d'avatar pour MSN Messenger ou des forums type PHPbb.

Le Debugger

Mox Folder — Wed, 22 Mar 2006 18:04:02 +0000

À l'origine LE DEBUGGER est un projet de fin d'étude donc l'objectif était de concevoir une application multimédia visant à promouvoir un film. Nous sommes en 1997, mes deux compagnons de projet et moi avions imaginé un film fictif nommé LE DEBUGGER. L'application multimédia devait être sur CD-ROM et était destinée à être envoyée sous forme de dossier de presse aux journalistes. Ce qui nous intéressait dans ce projet, c’était de pouvoir créer un univers autour du film et puis au-delà de l’aspect interactif on trouvait marrant cette mise en abyme (l’utilisateur devait enquêter et retrouver les bandes du film).

J’ai quelques regrets parfois de ne pas être allé plus dans ce projet, je reste persuadé qu’on aurait pu faire quelque chose de grand. Je rappel qu’en 1997 le DVD sortait à peine, l’Internet n’était pas aussi développé et on découvrait à peine Flash.

Par la suite LE DEBUGGER.COM est devenu mon site perso qui, faute de temps, n'a malheureusement jamais été finalisé... mais je ne perds pas espoir ;o) d'ailleurs depuis cette année le blog à pris le pas sur le site. Le prochaine étape sera, je l’espère, un nouveau site web en flash avec un ou plusieurs jeux.

Ci-dessous quelques « travaux de production ».