#Outils

Laisser un commentaire

Sites statiques et Jamstack : la révolution frontend

Les générateurs de sites statiques (GSS ou communément nommés SSG), sont devenus en quelques années, grâce aux apports de la Jamstack, des outils de premier plan. D’une solution pour blog de développeur, ces technologies propulsent aujourd’hui des sites à fort trafic et à forte valeur ajoutée.

Spotify, Mastercard, Nike, Google, Facebook, Airbnb… Ce ne sont que quelques-uns des utilisateurs de ces solutions. Quels en sont donc les avantages, qu’est-il possible de faire avec cette nouvelle stack et comment ? Autant de questions auxquelles nous allons répondre dans cet article.

Laisser un commentaire

Bien commenter son code

Commenter son code, c’est un cadeau que vous envoyez dans le futur. Peut-être pour le prochain développeur qui maintiendra le projet ou vous donnera un coup de main, mais probablement surtout pour votre futur vous.

En effet, ce qui est limpide dans votre esprit à l’instant où vous écrivez le code, sera clairement plus opaque lorsque quelques semaines ou mois se seront écoulés. La documentation – en plus d’un code bien structuré – participe activement à faire de votre base de code dans son ensemble un “bon code”.

Laisser un commentaire

Workflow multi-machines : pourquoi et comment ?

Si l’on veut être productif, il faut que nos outils le soient aussi. Pour ma part, en plus de l’environnement logiciel et matériel de la machine principale déjà expliqué dans un précédent article, j’estime que plusieurs machines sont nécessaires à ma productivité.

En tant que développeurs, nos outils sont de deux catégories :

Laisser un commentaire

Les modules JavaScript indispensables

L’un des motos de tout bon développeur est DRY, don’t repeat yourself. Pourtant, une très grosses partie de nos projets ont des besoins similaires : valider un email, uploader des fichiers…

À ce titre, conformément à un autre moto de tout bon développeur – ne pas réinventer la roue – on utilise des outils et modules déjà existants et éprouvés. Voici donc un petit listing des modules que j’utilise régulièrement.

Laisser un commentaire

Utiliser WebP pour gagner en performances

WebP est un format d’image développé par Google spécialement pour le web et sorti en 2010. Comme il propose à la fois des compressions avec et sans perte de qualité, il est tout indiqué pour se substituer aussi bien au png qu’au jpeg.

Jusqu’alors, seul Google Chrome supportait WebP. Malgré l’importante part de marché du navigateur, cela restait limité. Cependant, à partir de 2019, Firefox et Edge vont à leur tour ajouter le support des images WebP. On pourra donc réellement parler d’un standard.

Dès lors, comme il autorise des fichiers de 20 à 80% plus légers, voyons comment convertir et servir nos images afin de proposer une expérience plus rapide à nos visiteurs – tout en leur faisant économiser de la bande passante.

Laisser un commentaire

Raccourcis système et typographique de macOS

Comme certains d’entre vous, je travaille sous macOS. Et comme tout power user qui se respecte, il y a de nombreux raccourcis clavier qui permettent d’accroître sa productivité. On ne va pas reprendre les bases du ⌘cmd + c / ⌘cmd + v, mais passer en revue des raccourcis moins connus, de la typographie aux astuces du finder, petit aperçu des racourcis les plus utiles.

Laisser un commentaire

Rollup, l'outil pour les bundler tous !

Rollup est un bundler JavaScript. C’est à dire qu’il lit votre code et bundle l’ensemble des modules importés (via import ou require) en un fichier unique. Il est capable d’exporter ce module dans les principaux formats de modules (CJS, ESM, AMD, IIFE) correspondant à tous les cas d’usage. En outre, via quelques plugins bien utiles, il se chargera aussi de transpiler et de minifier le code. Que demande le peuple ?

Laisser un commentaire

Gagner du temps avec DuckDuckGo

Tandis que le plupart des européens utilisent Google sans trop se poser de question, parmi les développeurs et à forciori les libristes, il y a un peu plus de variété.

Il y a récemment eu un débat sur le bien fondé d’utiliser DuckDuckGo pour préserver ses données personnelles. Est-ce parfait de ce point de vue là ? Je ne saurai dire. Qwant est-il mieux ? Je ne saurai dire non plus.

Ce que je peux affirmer en revanche, c’est que Duck est bien malin et possède des fonctions de recherche qui font gagner un temps fou !

Au delà des !g, !gi et autre raccourcis assez connus, voici un petit aperçu de ce qui pourra vous servir.

Laisser un commentaire

npm for everything™

npm était à l’origine le package manager pour Node.js. Cependant, son rôle s’est aujourd’hui élargit pour devenir le package manager du JavaScript tout court. Aussi bien en front qu’en back, de plus en plus de modules et bibliothèques utilisent aujourd’hui npm. On en fait même un task manager grâce aux scripts qu’il permet d’exécuter. Cela permet d’avoir un seul outil pour l’ensemble de nos process.

Laisser un commentaire

L'environnement de travail

En tant que développeurs, nous passons d’innombrables heures assis face à notre ordinateur. C’est pourquoi il est primordial de bien s’équiper pour avoir une bonne productivité. De l’écran à l’IDE, j’ai pensé qu’il pouvait être intéressant de partager mes outils de travail.