Blog

Learn more about Astro directives and how to create a custom one to load a React component by the click of a button.

Avec la crise climatique, les consciences s’éveillent face à l’impact d’Internet, placé aux côtés des pays les plus pollueurs de la planète. Maintenant, quoi de plus stimulant pour un développeur ou une développeuse web que de résoudre un problème aussi complexe que minimiser l’emprunte écologique de ses réalisations ?

With Next.js version 10, a new image component was introduced to offer modern format and on-demand optimisation for images as well. If you came from Gatsby, it's the Next.js answer to gastby-image and it just rocks!

Redux is one of my favorite JavaScript library outside. I've been using it for three years and I never stopping love it. Recently, I've made a crash course to my workmates about Redux and some related libraries. So it's a good opportunity to (re)introduce Redux core concepts for those who don't already use it daily.

It's the future feature of JavaScript that I'm the most excited about: optional chaining. And I'm sure you too without even knowing it. So, what is exactly optional chaining and how it can really help to produce a cleaner code.

Few months ago, Kyle Shevlin did a great course on egghead, followed by a series of articles, about some basic concepts of functional programming in JavaScript. As an adept of this very popular paradigm, I found that even very basics, I'm not using all of them on a daily basis. So, here is **a quick recap of how cool those patterns are** and how they can help you improve your functional code.

According to Wikipedia, a regular expression is a sequence of characters that define a search pattern. A simple, but very accurate definition actually. In JavaScript, most of the time, regex are used to do stuff with strings.

In a time just before the rise of the Promises, they came and fell to oblivion in a blink. Sadly nobody uses them, including me, but generators are still in the game (or not). Maybe you remember this strange yield expression or the tiny * declaration to transform your dummy function into a beautiful generator.

OK the title sounds great in my head, but this blog post is more about comments in JavaScript and how to do it properly, not the contrary. I'm dead sure that, once in your dev life, you've contributed to a project without any comments and you've felt this sweet sensation of rejection and hate (retro-engineering contribution is NEVER fun).

Do you like to organize your JavaScript projects in multiple and ingeniously split code files, me too! Lucky you (and me), thanks to Webpack or any tool of this kind, it's getting simpler and simpler, especially with the export / import statements. But when and how do I use them?

So, TypeScript is not new stuff, but it became more and more popular in the JavaScript community those days and this is why is great to use it by default in your JavaScript projects.

I've been a good JavaScript developer this year. I have learned a lot of new trendy libraries, frameworks and syntax. I have attended the React Finland Conference to learn new stuff and meet the local community (or not, they're Finns). Finally, I have coded some projects using new and unmastered stacks for the best.

JavaScript offers a lot of ways when you need to loop over an array and do stuff. Here are my recommendations about when and how to use them, mainly for the sake of code clarity and readability.

We live in the era of JavaScript Functional Programming, but I still asked myself sometimes if my way of declaring function is the “good” one. It’s one of those early basic things that we learn first and that we are using all the time, but without really knowing why and how it is so.

Currently, functional programming is maybe the most used paradigm in the JavaScript community. It was not always so, but since few years with the ES6+ language overhaul and some popular libraries like React, Lodash, Redux, etc, it became more and more usual to adopt it. I will not write here about how this paradigm is great in many ways, there are a lot of great articles about it. Anyway, in a functional world, recursion is a very obvious and powerful tool to have in our toolbox.

When your JavaScript application gets bigger, you’ll quickly need something like Redux to distribute data across your application and your components. With Redux or any kind of state management library, the idea is to trigger some actions with a payload, which will themselves alter the global data storage of the app using this portion of new data.

Depuis que j’ai commencé la photographie, mon workflow de développement digital n’a cessé d’évoluer. Traitement de JPEGs sous Photoshop Element début des années 2000 pour ensuite Photoshop CS2, puis découverte de l’avantage d’utiliser les RAWs avec Camera Raw et pour finir, Lightroom. La seule constante dans toute cette évolution a été Adobe. Jusqu’à récemment, je n’ai jamais remis en question les capacités de son moteur de rendu.

Le monde de JavaScript est palpitant. Ces dernières années ont été riches en nouveautés; refonte du langage et pléthore de nouvelles librairies et frameworks. Parmi tout ça, un paradigme de programmation a, lui aussi, gagné en popularité parmi les adeptes de l’ECMAScript : le reactive programming.

Cette année, durant le week-end de Pâques, je me suis rendu avec des amis à Lisbonne. À part quelques bons échos, je ne connaissais pas du tout cette ville; ce n’est même pas moi qui ai choisi d’y aller en premier lieu, mais quelle découverte !

Performance is in the heart of any discussions those days. Building amazing and fancy websites is nice, but if half of your users quit because of a lack of performances, it's simply useless.

jQuery fêtera ses 10 ans le 29 août prochain. Malgré sa perte progressive de sex appeal, peu d'autres librairies peuvent se targuer d'une aussi belle longévité.

Lors de la création des styles de votre site, combien de fois enregistrez, switchez sur dans votre navigateur préféré (ou pas) et rafraichissez-vous la page ? Une fois la question soulevée, vous vous rendrez bien vite compte du nombre hallucinant de fois que vous le faites machinalement. Si vous en avez ras le bol de subir cette manipulation, la suite va vous plaire !

Plus léger que l'HTML, le Markdown est un langage qui a gagné en popularité ses dernières années. Très apprécié par la plupart des rédacteurs digitaux, il offre la possibilité de formater aisément un texte grâce à une syntaxe discrète et facile à prendre en main.

N'avez-vous jamais rêvé de mettre en place une petite administration pour votre site afin d'y ajouter ou d'y modifier du contenu sans douleur ? Maintenant, avec Google, c'est possible !

Qui n'a jamais rêvé d'entrer dans la Matrice via un câble connecté directement à votre encéphale ou d'arpenter votre mémoire génétique grâce à l'Animus. Bonne nouvelle, votre rêve est sur le point de se réaliser grâce à émergence des technologies de réalité virtuelle.

La modularité ou OO (object oriented) est un concept depuis longtemps utilisé en programmation. Avec l'apparition des préprocesseurs CSS, le monde du frontend a commencé à s'ouvrir gentiment à cette idée afin de créer des styles plus flexibles et réutilisables.

Cela fait déjà 3 mois que je suis rentré de mon voyage à Bali, mais les souvenirs restent encore bien présents dans ma tête. Les fabuleux paysages aussi divers que variés, la gentillesse des gens et la richesse d'une culture millénaire. Y a pas à dire, Bali ne vole pas son surnom d'île des Dieux.

Après avoir écrit un article sur la cartographie web, j'ai voulu pousser plus loin la création de cartes. Du coup, je me suis mis à TileMill et les portes du vaste monde du SIG open source se sont ouvertes devant moi. La cartographie web reste un domaine très technique et relativement peu accessible, mais une fois les premières clefs obtenues, le reste vient de soi.

En cours de mandat, il vous est surement déjà arrivé de vouloir montrer votre travail à un collègue ou à votre client, mais sans pour autant effectuer tout un déploiement. Il existe, en effet, des moyens tout simple pour partager votre site local vers un réseau local ou externe.

Les développeurs frontend ont de plus en plus d'expérience en responsive web design, mais il y a des éléments sur lequel on peut encore se casser les dents comme les images ou les vidéos intégrées. Il existe pourtant des recettes toutes simples pour pallier à ce petit tracas.

Il existe plusieurs frameworks de déploiement et Capistrano est surement l'un des plus connus. Avec un simple "cap deploy", vos dernières mises à jour seront automatiquement envoyées via SSH sur votre serveur de production. Il nécessite cependant une petite installation, mais rien en comparaison du temps que vous allez gagner.

Avec la multiplication des différences de densité de pixel sur les nouveaux devices, rendre une image où un pictogramme peut devenir un véritable casse-tête. Il existe plusieurs solutions afin d'arriver au meilleur résultat.