Posts
-
-
Antisocial - Les réseaux sociaux sont malades 🤒
Oui… les réseaux sociaux sont malades et je crains qu’aucun remède ne puisse les soigner… Mais avant tout, commençons par énumérer les … -
Antisocial - Pourquoi les GAFAM dominent le marché cloud et quelles pistes pour y remédier ? ☁
Pourquoi les GAFAM dominent le marché cloud et quelles pistes pour y remédier ? Aujourd’hui, je vais me focaliser sur le cloud et plus … -
Antisocial - Pourquoi ce projet ? 🙉
Cette série d’articles (5-6 au total) sera comparable à un journal de bord dans lequel je parlerai, de manière régulière, de mon avancé mais … -
Svelte : un concurrent de poids face à React-Vue-Angular ?
Svelte bouscule l’éco-système des librairies JavaScript actuellement dominé par le trio React, Vue et Angular. Mais que vaut Svelte comparé … -
Accélérer vos pages Web quelques réflexes ⚡️ (Partie 3)
Cet article sera le troisième et dernier d’une série de trois : Images et polices personnalisées: https://link.medium.com/Hxw5ex6Zj8 … -
Accélérer vos pages Web quelques réflexes ⚡️ (Partie 2)
Cet article sera le deuxième d’une série de trois : Images et polices personnalisées : https://link.medium.com/Hxw5ex6Zj8 JavaScript et … -
Accélérer vos pages Web quelques réflexes ⚡️ (Partie 1)
Accélérer vos pages Web : quelques réflexes ⚡️ (partie 1) Cet article sera le premier d’une série de trois : Images et polices … -
Parcours d’arbre : Depth First & Breadth First 🌳
Parcours d’arbre : Depth First & Breadth First Le parcours d’arbre est un grand classique lors d’entretiens algorithmiques et bien que cet … -
Afficher des images webp sur votre site
.webp vs .jpeg vs .png Créé par Google en 2010, le WebP est un format d’image qui se veut - en moyenne - 30% plus léger comparé au JPEG et … -
display-grid: une nouvelle maniere d'organiser vos pages web (1/2)
Les CSS grid ont été implémentés dans les principaux navigateurs Internet en 2017 (même Edge !). Cette nouvelle spécification simplifie … -
display-grid: une nouvelle maniere d'organiser vos pages web (2/2)
Grid-area : le positionnement par zone Pour aller plus loin avec la propriété display: grid, il est possible de nommer les différentes zones … -
Fermer l'accès de vos containers Docker vers l'extérieur
L’utilisation d’un reverse proxy grâce à son système de cache, permet d’améliorer de manière importante les performances de notre site. … -
L'opérateur ?? ('null coalescing') en JavaScript
Les limites du ‘OU logique’ L’opérateur || (alias OU logique) en Javascript est bien connu pour la mise en place d’une valeur par défaut, … -
Les temps relatifs avec Intl.RelativeTimeFormat()
Introduite dans Chrome 71, la classe Intl.RelativeTimeFormat propose un formateur de temps relatif (il y a X secondes, dans X minutes, hier, … -
Optimiser l'affichage des images
L’optimisation d’images est un moyen - très - efficace pour réduire le poids de ses pages Web. Toutefois, cette étape d’optimisation (simple … -
Pourquoi utiliser 'font-display: swap' ?
Introduite dans Google Chrome 72 et Firefox 58, la propriété font-display permet de spécifier la police de téléchargement des fontes … -
Pourquoi utiliser rel='noopener' avec target='_blank'
Dans le cadre du SEO, l’attribut rel en HTML est déjà connu pour indiquer à un crawler s’il doit suivre ou non un lien : Google Toutefois, … -
Verifier le contraste des textes dans Chrome Devtools
Dans ses versions récentes (66 à la rédaction de cet article), Chrome permet de vérifier que nos textes disposent d’un contraste suffisant. …