Choose your fcking life.

Un petit essai de responsive design

- Dimanche 06 mai 2012 -

Les gars, va arriver un jour où un client va nous demander un Magento « compatible iPhone ». Ca nous pend au nez assez sévèrement. Même si je ne suis pas super fan du fait de pouvoir aller sur un site aussi gros que peut l’être un Magento sur son mobile (les goûts et les couleurs, hein), je pense qu’on va y avoir le droit. Du coup, j’ai pris un peu d’avance (nan, j’déconne, énormément de retard que je rattrape (un peu ici), ça fait combien de temps qu’on parle de responsive design, déjà ?), j’me suis fais un petit layout des familles et j’ai testé, histoire de faire briller mes petites pupilles, ce que sont les medias queries.

Aperçu & test du responsive design

Continuer à lire ?

7 Commentaires


Répondre aux clients relous avec diplomatie.

- Vendredi 04 mai 2012 -

Il est 19h, on va rajouter qu’on est vendredi pour l’effet dramawhore, ton client t’as harass pire qu’un rush de glingls 3/3 sur creep qui te surround en 300 apm toute la journée, il continue encore, des demandes de plus en plus stupides, toi t’es là, tu sais plus, t’es plus là, t’existes plus, ton cerveau a fondu depuis le début de matinée (donc, 17h), tu reçois le dernier mail (on l’a tous eu) : « non, un peu plus blanc et remonte encore un peu tel élément ».

Et là, dans ta tête, c’est WTF Bomb, tu burnout, de la bave coule de tes lèvres derrière ton bureau devenu insignifiant, les gens n’existent plus, qui sont-ils, qu’est-ce qu’ils te veulent ? Tu ne sais pas, tu don’t give a single fuck.

Continuer à lire ?

2 Commentaires


Un autre outil de la flemme ultime : Newsletter.psd to proper HTML

- Dimanche 29 avril 2012 -

Dans une vie d’intégrateur, généralement, il n’y a pas que des dossiers de 20 ou 30 templates à intégrer avec passion, professionalisme, dévouement, logique et amour. Non. Il y a le darkside de l’intégration, j’ai nommé la Newsletter.
La newsletter, dans mon métier, intervient lorsqu’il faut que j’intègre un template d’email dit transactionnel : à chaque fois qu’un utilisateur d’un de nos Magento s’inscrit / change une information / passe une commande, il reçoit un mail avec ses informations. Et comme on est pas des chiens, on lui met un petit template, généralement très simple, avec le logo du site, la typo qui rappelle celle du site, et basta.
Comment ça se passe pour intégrer ce genre de template : 1) on demande / le graphiste sait qu’il ne faut pas faire trop compliqué lors du PSD 2) il le fait 3) on chiale 4) il le retouche un peu 5) on chiale encore + 6) on a un psd qu’on découpe à la pute sur Adobe Photoshop avec les slices 7) File -> Save for Web -> HTML & Images 8) ??? 9) Profit!

Oui mais voilà : on va pas se le cacher, les clients mails online (Gmail, Hotmail, Yahoo!) ou offline (Mail.app, Microsoft vamourir 2003 / 2007 / 2010) sont des tous des connards. TOUS. Dans le sens où ils interprètent l’HTML un peu comme ils veulent.

De ce fait, what to do: donner une taille aux TD de la taille des img enfants, display:block; sur lesdites images (hack Gmail), border=0 pour éviter d’avoir un trait bleu sur les liens des images. C’est la base. Ensuite, un peu de skill en inté pour peaufiner ça et en avant Guingamp.

Et moi, vous avez pu le voir sur mon premier outil avec les colonnes là, les tâches répétitives ont tendance à m’ennuyer sec. De ce fait, allez, c’est cadeau :

Un autre outil de la flemme ultime : Newsletter.psd to proper HTML

Pas de design, pas d’autre fonctionnalité, on va au plus simple : l’outil fait ce qu’on lui demande et basta (j’en profite pour en placer une pour monsieur mon DT).

Le tout se trouve encore une fois sur Github. Pour les plus frileux d’entre vous, n’hésitez pas à vous installer Git et à vous y mettre, voilà.

2 Commentaires


Que faire avant de se lancer en webdesign ou en intégration ?

- Lundi 23 avril 2012 -

Mettons-nous d’accord, je suis piètre webdesigner (chacun son métier) et je ne m’en cache pas, ce n’est donc pas ici que je m’autoriserai à donner des leçons. Quoique. Bref, je suis suis ce genre de personne qui pense qu’un bon webdesigner se doit de connaitre ne serait-ce que les bases de l’intégration pour en connaitre ses limites (même si bon, je suis mal placé pour en parler, les DA de Clrz repoussent sans cesses les limites de l’intégration et nous aimons ça, owi) et ne pas demander aux intégrateurs l’impossible. C’est pour cette raison que je m’adresse ici au p’tit gars qui veut se lancer dans le webdesign ou dans l’intégration.

DSCF3092

Continuer à lire ?

7 Commentaires


Je voulais partager la connerie humaine avec vous.

- Mardi 10 avril 2012 -

Il est 9h30. Un de mes patrons lit les mails de la boite mail publique de Colorz (adresse visible naturellement sur le site / via le formulaire de contact du site). Les 3 patrons, réunis autour du premier, m’appellent et me demandent de lire un mail. Que voici.

« Saviez-vous que votre intégrateur Magento Cyril Krilatov a menti sur son CV ? Il a commencé son DUT SRC à l’ IUT de Troyes en 2008 et non en 2009 comme il le prétend. En effet il a redoublé sa première année de DUT SRC, pour cause de mauvais résultats. Il me semblait important qu’un Zoro vous prévienne. Je sais que Colorz est toujours à la recherche d’éléments de qualité et honnêtes à propos d’eux-mêmes. Bonne journée.« 

Pour info, voici mon CV en ligne où il y a mon cursus scolaire. Je profite de ce blog pour répondre à ce « Zoro » des temps moderne.

Effectivement, Zoro (Zorro, btw, avant de t’attaquer à quelqu’un, veille à le faire correctement; évite par exemple d’écorcher mon nom, ou celui de Zorro. Peut être que tu auras été moins ridicule comme ça), j’ai redoublé ma première année de DUT SRC pour la raison que tu avances. D’ailleurs, tu es brillant, Zoro, avoir trouvé que j’ai redoublé à cause de mauvaises notes, franchement, bravo champion, je m’incline. Mais réfléchis un peu : mettre un truc négatif (même si mon redoublement a été très positif pour moi, mais qu’importe) sur un CV qui est censé me mettre en avant ? Sérieux ? Du haut de tes 14 ans (physique, sinon d’âge mental), je ne pense pas que cela ait pu te traverser l’esprit, si tant est qu’il soit fonctionnel.

Enfin bon, je ne vais pas prendre de mon temps plus que nécessaire pour t’insulter. Deux choix ici s’offrent à toi.

La première : j’ai demandé à mes patrons de me virer car j’ai plus ou moins caché le fait que j’ai redoublé ma première année et que je leur n’ai pas dit que j’avais redoublé lors de mon entretien d’embauche. Ils ont rigolé. Mes collègues aussi. Beaucoup. Presque une 20aine de personnes qui se sont foutus de ta gueule, ensemble. De ce fait, je ne peux que te conseiller de te trouver un hobbie, un boulot, quelque chose, ne perds pas ton temps à réessayer de faire peur comme ça. Parce que c’est pathétique. Tu es pathétique.

La seconde : sur mon CV il y a mon adresse mail. Je suis également joignable sur Twitter, Facebook, flickr, ou même ce blog. Tu as un droit de réponse.
Porte tes couilles au moins une fois dans ta vie, affirme toi en tant qu’homme, je t’invite à prendre un verre, que tu sois à Troyes, Paris, Chartres, je ferai le déplacement s’il faut. Je veux te rencontrer, te comprendre, savoir d’où vient la rancoeur / jalousie que tu as à mon égard.

Voilà, Zoro, j’espère que tu te trouveras les mots et les corones pour me répondre, sous peine d’être à jamais un Bernardo des Internets enfermé dans son mutisme. En attendant, je te souhaite une bien bonne journée. En attente d’une réponse de ta part. Non, vraiment, j’insiste. Sans trop de fautes, par pitié.

PS: Merci au très beau B. #bromance

6 Commentaires


L’outil de la flemme ultime : convertir des pixels en pourcentage

- Samedi 07 avril 2012 -

Historiquement, ça s’est passé comme ça : sur un projet où nous travaillons / avons travaillé en étroite collaboration avec Kévin, a été décidé de passer des tableaux avec des width non plus en pixels mais en pourcentage. Ainsi, dès que le container de ce tableau change de taille, le tableau changera lui, ne changera pas de taille à proprement parler mais garder ses proportions qui découlent de l’utilisation du pourcentage. Ainsi, 47% d’un container de 600 pixels sera toujours 47% d’un container de 400 pixels.

Partant de là, je me suis pris 10 petites minutes pour faire cet outil là : une simple règle de trois pour les flemmards de mon genre. On met la valeur du container dans le premier input, la largeur du child (issue de la largeur en pixels du .psd que l’on intègre) et hop, valeur en %.

Mais j’ai voulu aller plus loin et me suis demandé les choses suivantes : Et s’il y a plusieurs childs, pourquoi ne pas faire un aperçu du container et desdits childs ? Pourquoi ne pas en profiter pour prendre un peu de niveau en JavaScript et particulièrement apprendre à utiliser la librairie jQuery ? Pourquoi ne pas me lancer dans un petit projet ? Pourquoi ne pas en profiter pour mettre un peu de cohérence dans mes projets avec notamment, l’utilisation de GitHub.com ? Pourquoi ne pas en profiter pour faire partager ce début d’apprentissage à n’importe qui avec du code sur-commenté ?

Est donc né ce fabuleux convertisseur de pixels en pourcentage avec un aperçu du container et de ses childs.

Convertir des pixels en pourcentage

Pour clone le projet sur GuitHub, c’est par ici que ça se passe. Si vous n’avez pas GitHub, et bien, tant pis.

Un outil qui vient de débuter, encore beaucoup de choses à venir, dont un vrai design, une vraie ergonomie, quelques autres features (notamment la place qui reste sur le container), de l’optimisation (beaucoup), des gifs animés, de la musique impossible à arrêté, du gros Rick Roll des familles et j’en passe !

Edit: « pourquoi jQuery », ai-je oublié de répondre dans cet article : parce que jQuery est facile d’utilisation, pour un premier pas dans ce domaine, j’ai trouvé que c’était le plus cohérent à utiliser. Egalement, c’est ce qu’on (Colorz) utilise comme librairie par défaut pour le dev front-end sur nos Magento, alors pourquoi pas ? J’ai trouvé que c’était deux bonnes raisons pour commencer par jQuery, puis m’orienter vers du javascript pur / Mootools une fois que j’aurai de solides connaissances avec jQuery. Voilà.

4 Commentaires



Le bel objet.

- Mercredi 21 mars 2012 -

Cela fait un certain temps que je voulais un appareil photo dans ma poche. Impossible, naturellement, de compter sur mon D90 avec ses objectifs. Je me suis donc tourné vers les récents compacts à objectif interchangeables, essayant d’en tester à droite à gauche, sans vraiment dégager une vraie occasion pour en tester un. Jusqu’à aujourd’hui, héhé.

DSC_8937

Continuer à lire ?

2 Commentaires



Oh hai le gros footer, avec de la grosse pub dedans. Genre, vous pouvez venir me voir sur Facebook, parler avec moi sur Twitter, me poser des questions sur Formspring, regarder ce que j’écoute sur Last.fm ou jetter un oeil sur ce que je regarde sur betaseries.

Il y a aussi bonjourdubstep si vous voulez écouter de la dubstep, ou encore NextBuzz pour de l’actu design/geek/high-tech/NSFW/MOARWTF/BBQ/POMMEQQTRINGLE.

Pour finir, il y a mon portfolio, mon photoblog et fkcingminimalism.

Sinon, ben, voilà, bisous.