Blog

Cela faisait plusieurs années que je n'avais rien publié, principalement parce que je n'avais pas d'endroit adapté pour partager mon code et éditer mes textes avec la même fluidité que lorsque je programme. Dans cet article, je vous présente les fonctionnalités que j'ai mises en place, ainsi que le travail de migration que j'ai accompli pour retrouver un espace de travail optimal.

Need to inject custom ESM modules into your Nuxt v2 pages? This guide shows how to properly add client-side ECMAScript modules during build time, going beyond simple static file loading. Perfect for integrating Web Components or other external modules while maintaining full control over script contents and build variables.

Streamline your email management with automatic sorting for messages received through aliases. Learn how to efficiently organize your inbox for your Email aliases without manual intervention.

After a decade, I'm rebuilding my personal site using modern front-end technologies. This project combines Vue.js, Nuxt, and custom tooling to migrate from WordPress to a static site, while improving content organization through a bilingual taxonomy system.

Before starting working on the WebPlatform Project, I knew that I was jumping in a complex project that required all my skills all at once.

Here is some preliminary notes on how one can restore a Discourse instance and change the domain name.

How about we re-imagine how to serve content from a CMS and leverage HTTP caching? How could it be done?

A solution to the idea of sharing PGP private keys without risking to lose everything if one of the machines you shared it had been accessed.

Ever wanted to target salt states based on data only the underlying OpenStack cluster knows. Here’s how I did it.

The following are the commands I ran on the last successful attempt to replicate the site I was working on. If you want to make a static version of your site, you might find those helpful.

I’ve recently been through the steps to make a NodeJS web app to run from inside a Docker container. The objective of this project was to simplify the deployment of a web app that had many moving parts by making it a re-deployable service that is self-contained.

In the Discourse forums, if you’ve seen something saying that you have to provide a different origin to make long polling work, maybe you didn’t understand what you have to do. Here are the details of why and how to do it correctly.

Here’s how I setup a Discourse web application so that I can scale it by adding more Docker instances while keeping a low number of exposed web servers

Tutorials and explanation on how to be your own OAuth Identity Provider are very scarce and I’ve come to achieve this, this is an attempt to outline the basics.

Need to run your web app with Python 2.7.9, but server environment uses Ubuntu Long Term Support? Don’t replace Python, leverage VirtualEnv instead!

I needed to install a set of VMs to run apps within Docker containers. In the case of Discourse, docker requires you to use aufs instead of devicemapper.

A common task while writing server configuration management manifests is to make sure that some enforcements are run in specific situations.

Cloud-Init is made in a way that it handles distribution specific package installation details automatically. With it, you can create a new salt master in a few commands.

Main part of my job is to make sure that its easy to reinstall a VM. Sometimes you need to build a package from source. How do you distribute it? Here’s one way

C’est une réécriture complète de PHP, qui a apporté aussi une syntaxe qui permet d’annoter les signatures des arguments d’entrée et de sortie, et plus.

Avez-vous déjà voulu automatiser le déploiement de votre infrastructure serveurs web de A-Z? C’est exactement sur quoi je travaille en ce moment.

Some notes on how I created our updated MariaDB database cluster with replication.

Being a programmer is all about solving puzzles, review existing components, and already involve learning. Maybe we should revisit how we can make their time efficient

Dear chief of marketing at ASUS. This is me, a web developer, who’s giving some feedback about my purchase and first contact an ASUS product.

Heartbleed was a tremendous threat because it hit at the epicenter of the Internet infrastructure and proven true every sysadmin worst nightmare. We heard about Heartbleed for a while. Some time ago, I had been asked to answer a few questions for an article for Dell.com Tech Page One blog, the following is the answers I gave.

Ce qui suit fait partie des choses que jaurai aimé apprendre plus tôt dans ma vie. C'est une suite de petites règles très simples. Elles proviennent d’un tweet, j’ai pris la liberté de le traduire et d’en conserver une copie.

Voici une courte procédure décrivant comment je crée une nouvelle machine virtuelle et y applique les configurations automatiquement.

At work, I use an OpenStack environment and a few Salt states to manage a set of virtual machines. I'd like to give another life to two old laptops that spend most of their time shut down, but without changing or using their local hard drives.

When you need to adjust a file with a specific code modification and you are sure the file will not change over time, patch is a viable solution. This tutorial shows how to create a patch, sign it, and make sure it is applied.

This procedure guides you through some steps on a way to commission or decomission your web app. At least to move essential configuration files.

My new job is to contribute to the success of the WebPlatform project, a rapidly growing web development collaborative documentation website. I would even call it the Web developer's missing manual on the Internet.

Right after Ericsson, I started working at TEKsystems for the last month and a half. It is amazingly well organized company. Based on my own experience in different work contexts, I can say that working with them for web development projects was enjoyable.

Mon environment de développement est sous Linux depuis plusieurs années. Avec le temps j'ai traîné dans mes portails privé de documentation cette procédure. Elle utilise des variables utilisés dans l'URL qui pointe vers votre hôte local de votre espace de travail où l'on peut héberger les fichiers de travail. Tout ceci, sans avoir à configurer pour chaque projet client.

En ce qui concerne l'Accessibilité et l'AJAX, contrairement a ce que le WCAG1 disait (éviter d'utiliser), le WCAG2 est maintenant plus flexible. Selon ma compréhension, voici ce que je pense est nécessaire pour que l'on puisse utiliser AJAX de façon accessible.

Heard about a web application concept that can be described as: enabling or disabling live on the web? That's called "feature flipping". Here is my essay about how to describe and use.

La dernière fois que j'ai fait mon site c'était en 2007. Comme plusieurs j'était comme un «cordonnier mal chaussé». Je viens de remédier à la situation.

While I was writing an authentication and privileges assignation mechanism using information provided by an ActiveDirectory's LDAP DN string into my project's web application, I realized that there was no documented way to extract information from it. This snippet is about reading a complex DN string, and "explode" it into a manageable PHP Array.

This is an article I wrote on my new project "HTML and CSS The Right way". I wrote it when I discovered something that chocked me: Did you know that the ‘click’ event is only a string and you can create any event name you may want? Here is an experimentation example.

La façon de concevoir des sites Web a beaucoup évolué au cours des deux dernières années. Concevez-vous encore vos sites comme en 2009? Trouvez-vous vos sites lents? Êtes-vous web-responsable? Comment pouvez-vous être certain que votre pigiste, employé ou fournisseur fait un travail de qualité?

I was writing a requirement document for a client project and I wanted to outline some key indicators of quality he should expect from the final product. I thought of sharing it with you.

At work, I had a conversation about implementing SOAP with an other service, It struck me that they did not talk about REST. Mostly in today's distributed systems, you may want to think twice about how to implement for the future. This is some thoughts I had on the matter

Être développeur web, dans notre industrie, apporte plusieurs avantages. Lorsqu'on est passionné, ce que l'on fait tout les jours est très similaire a un hobby qu'on apprécie beaucoup. Je partage ici avec vous un des désavantages du métier. Un problème récurrent que j'ai vécu à cause d'une incompréhension de la part de l'industrie, et de ceux qui ne sont pas dans "le web".

Cette procédure est faite pour permettre de prendre n'importe quel fichier Word ou HTML généré avec beaucoup de tagsoup en en simplifier a sa plus simple expression html. Valide.

Cet article est un premier d'une série de plusieurs où je propose mes commentaires constructifs pour informer et partager des concepts et bonnes pratiques en intégration web qu'un site pourrait prendre avantage.

Some guidelines on what is Cloud Computing related to the scaling point of view. This is the continuity of the thread about a shopping cart and payment gateway commerce site using a CMS. The conversation persisted on what to do and look for cloud hosting.

A peer asked for opinion about things to consider to use cloud computing services. I assumed then that he meant that he wishes to use what some vendors sells as "flip the switch" scaling.

On many social networks or in real life, some people still ask whether they should use a framework. If you are on a task that is about deploying a feature, your main concern, to my opinion, should be the functionnality.

Ce billet est une compilation de courriels échangés avec un collaborateur de la communauté des logiciels libres. Le thème de l'échange était à propos des concepts architecturaux qu'utilise Symfony2. Du moins, ce que j'ai appris, et . J'ai peut être tord sur certains points, mais a tout le moins, ces indices peuvent peut-être vous aider autant que mon correspondant.

Have you ever imagined you could take content from a trusted and usable content management system and be able to convert in in the HTML format you want for your redesign. That's what I am seeking for, for years. Numbers of time I rewrote site content and reimplemented in a different CMS (even my own, back then). How about tackling with the core of the problem... in a fashion that ANY programming language could take from. That's my current ambition, here is my status about it.

Je pense personnellement qu'il devrait y avoir une totale séparation entre le stockage des documents, sa gestion, et l'affichage du contenu. Ce projet va servir à intégrer Symfony2 à WordPress dans ce sens.

I do not want to say that I am an expert in programming languages, nor a PHP guru. But with my experience in web development and discussions with other community leaders from the Java, Ruby, Python, Javascript communities and with my own working in team, I learned stuff and here's some of what I consider "hot", in the PHP world, ~~right now~~ <ins>in 2012</ins>.

I spent a few days reading and re-reading the Guzzle PHP REST Client library to use at it's best posssible. It took me more time than I wished, but thanks to them, I understood more of the Symfony2 EventDispatcher mechanism. Here I publish the Gist that I am going to use to import to my project at work. Use for your own good.

This is my current, as of July 2012, favourite development environnement configuration files, use it if you want. This is mostly for me when I switch computers.

Imagine we had a system that provides a serialized and filtered transport mechanism of content. Imagine now that we want to get that content, and insert it in a nice and pretty website, and where I am at with this. Imagine that content could be all semantic, valid, accessible html. Without having to teach and manually implementing all the requirements on the rendering part. This is my ambition.

J'ai écrit ce courriel à l'éditeur de logiciel de correction grammaticale Druide, parce que je souhaite améliorer la qualité de mon français sur mon site. Si vous trouvez un outil de la sorte, veuillez me contacter.

I had to create a relationship with two entities in a project. I am using Twitter Bootstrap markup in my Symfony2 project. This is my notes about how I implemented a re-usable form field that adds dynamic input text using jQuery. This post is an echo on my original Answer attempt on StackOverflow.

Composer sera la nouvelle façon de distribuer des paquets de fonctionnalités (appelés: "Bundle"). La version stable de symfony actuelle (2.0.x) n'utilise pas encore cette méthode de distribution. J'ai pris sur moi de documenter le résultat de ma tentative.

Voici comment j'ai fait pour installer Ruby on Rails version 1.9.2p180 a partir de RVM avec Gem 1.6.2 sur ma station de travail Ubuntu 10.10

devLAB Montréal, un événement hebdomadaire pour les passionnés de technologie, est maintenant lancé. Découvrez comment ce projet est né, son concept unique et comment vous pouvez y participer.

Dans cet article, je vous montre comment configurer votre clavier sous Linux, spécifiquement pour les besoins des programmeurs québécois ou canadiens-français. Cela inclut la prise en charge des lettres accentuées et des caractères spéciaux essentiels pour la programmation. En tant que programmeur Québecois (Canadien-Français), j'ai grandi en apprenant à taper au clavier durant mon adolescence. Cela m'a amené à m'habituer non seulement aux lettres accentuées, une disposition essentielle pour moi lors de chaque moment que je suis devant un clavier.

Je partage le processus de communication et de recherche et comment réparer un problème trouvé pour un paquet logiciel, un thème pour WordPress, et comment j’ai trouvé l’erreur, à quoi elle consistait et comment je l’ai réparée.

Ceci est une traduction libre du billet originalement écrit en anglais, par Microsoft Canada sur leur blogue Port25.ca (qui est maintenant hors-ligne) et j’ai eu envie de le traduire.

Microsoft Canada’s Make Web Not War initiative wanted to partner with local Montreal Web Developer community particularily ones that are proponent for open-source software

Ce projet consistait en une application en ligne d'échange de cadeaux, conçue comme une carte de Noël interactive pour l'agence RED à Montréal. L'application a d'ailleurs remporté le Grenier d'Or lors de la 17ᵉ édition de la compétition. Le site web permettait aux participants de visualiser leur cadeau et de participer au « club échangiste » en volant le cadeau d'un autre participant. Chaque fois qu'un cadeau était volé, la personne concernée recevait un courriel l'informant du vol et l’annoncant quel cadeau lui a été remis.

Nous sommes de vieux amis de longue date. Nous nous sommes croisés souvent dans les dix dernières années. Autant avec moi durant l’époque ou j’étais en entreprise incorporée individuelle avec INEXIS Solution Web Inc. que le plus agé de ces amis lorsqu’il avait sa propre boutique sur la Rue King Est à Sherbrooke jusqu’en l’an 2000.

Pour développer, j'utilise depuis deux ans une _machine virtuelle_ (VM) Linux (minimale) qui me sert de "bac à sable"... Le but de cette série d'articles. Dans cette VM il y a tout les outils nécessaires aux projets en-cours et ils sont configurés pour refléter l'environnement de production où je déploie mon travail. Ce type d'installation est idéal car il permet d'avoir a installer les prérequis une seule fois et pouvoir les dupliquer pour tout les dévelopeurs. Sans oublier que vous n'avez plus de préoccupations de licences logicielles. A la fin de cette série d'articles vous aurez accès a une VM qui représentera votre environement de production (ajuster à vos besoins de production, évidemment).

Un article pas très rassurant sur la réalité de notre planète qui m'a ébranlé il y a plusieurs années. Je voulait le partager avec vous. Si la Terre était un village... sur une idée de Phillip M Harter de l‘Université de Stanford, actualisée par les Humains Associés en 2003.

Une passion que j'ai depuis quelques temps c'est l'automatisation des déploiements dans des projets. Le Cloud-Computing fait partie des concepts qui permettent d'automatiser le travail. Mais qu'est-ce que le Cloud-Computing en fait? Voici ma description de vulgarisation personnelle provenant d'un post que j'ai fait dans un Intranet Privé il y a plusieurs mois.

Article publié dans le [NYTimes](http://nytimes.com) ce matin. — ça fait maintenant 15 ans que [Marc Anderssen](http://en.wikipedia.org/wiki/Marc_Andreessen) a développé Netscape qui a introduit l'Internet a des milions de personnes autour du monde.

Il s'agit d'un article que j'ai vu la première fois publié par [Mélanie Roberge](http://www.facebook.com/home.php?ref=logo#/profile.php?id=719020494) sur facebook et il m'a fait réfléchir. Je le republie ici pour ma postérité et le plaisir de la relire.

Internet Explorer vient avec Windows, mais est-ce vraiment le seul choix? De Firefox à Opera, en passant par Safari et le tout nouveau Google Chrome, découvrez les alternatives qui pourraient vous surprendre. Un guide simple pour comprendre les différents navigateurs web disponibles en 2008, et pourquoi vous devriez peut-être essayer autre chose que le 'e' bleu.

Les chaînes de lettres sont l'une des façons de gaspiller du temps les plus populaires. Les raisons pour y participer peuvent passer par le désir d'un meilleur destin, une superstition, ou encore même avertir d'un danger. Mais souvent, leur seul objectif est de se faire propager pour gonfler l'égo de celui qui l'a lancée

Voici ce que j'ai écrit a des amis de famille qui partageaient avec moi des découvertes et « aubaines » via courriel. Je partage quelques observations et cautionne sur les risques pour leur vie privée.

Quand on veut aller quelque part sur le web. Ne faites pas toujours confiance aux publicités. Il est préférable d’écrire nous même l’adresse. Ainsi, nous sommes certains du site que nous visitons.

Envoyer et recevoir des courriels implique une combinaison de systèmes qui interagissent d'une façon assez complexe et un problème de réception ou de classement peut être causé par plusieurs raisons. Étant donné que tout est très intrinsèque sur un serveur, voici une procédure pour s'assurer que tout est en ordre.

Une procédure qui explique comment complètement effacer un disque dur en écrivant plusieurs fois des données aléatoires pour rendre beaucoup plus difficile de recouvrer les données.

J'étais en train de discuter un samedi soir avec de nouvelles connaissances lorsqu'une idée m'est venue à l'esprit: Pourquoi ne pas faire une pétition pour demander à l'éditeur de faire une mise à jour obligatoire de son navigateur.

J’ai, encore, eu un probleme de serveur et ce n’est pas de ma faute cette fois. Un autre événement qui m'a fait réaliser qu’il faut toujours valider et tester ce qu’on installe.

J’adore mon travail d'administrateur système Linux. Sauf que lorsque lorsque je passe une nuit blanche pour un simple détail… c’est frustrant si je ne peux dire.

Je partage mes réflexions et mes récentes découvertes concernant les techniques d'amélioration de la résilience des sites web. J'y explore particulièrement l'utilisation de BIND et du mécanisme de 'Round Robin' dans le contexte d'une architecture multi-serveurs. Cette approche implique la mise en place de plusieurs serveurs, chacun hébergeant une copie identique des sites, et la configuration d'un système de distribution des requêtes permettant d'alterner efficacement entre les serveurs disponibles.