Vue lecture

How to roll your own auth in JavaScript & TypeScript

Un exemple de développement d'une couche d'authentification en JavaScript.

J'ai aussi fait ça moi-même dans quelques applications et c'est extrêmement formateur et sensibilisateur aux problématiques de sécurité liées à l'authentification au niveau protocolaire (HTTP, cookies, JWT, etc.).

J'ai le sentiment que très peu de dev le font encore par eux-mêmes et je pense vraiment que ça augmente le risque de mal configurer un outil un jour ou l'autre et d'ouvrir une faille béante sans s'en rendre compte. C'est un domaine complexe mais aussi super intéressant. Prenez le temps de vous y intéresser ! Idéalement sur un petit projet, histoire de réduire l'impact si vous vous plantez. Et si ça arrive c'est pas grave, apprenez de vos erreurs et la prochaine sera la bonne :)


Permalink

HTML Whitespace is Broken - Devel without a Cause

Un (très) long article qui s'attarde sur la notion d'espaces en HTML et sur toutes les bizarreries mises en œuvre par votre navigateur pour les gérer.

C'est très intéressant parce que finalement pour un développeur expérimenté, tout ça semble naturel alors que l'article montre très clairement à quel point ça ne l'est pas !

On a tous eu un jour ou l'autre un souci d'espace qu'on finit toujours par réussir à régler soit au marteau (coucou  ) soit sans vraiment savoir comment.

J'aime bien ces articles qui se penchent sur un tout petit aspect de nos navigateurs et montrent leur complexité cachée.

Les navigateurs modernes sont de sacrées pièces d'horlogerie.


Permalink

Smarter than 'Ctrl+F': Linking Directly to Web Page Content

En ajoutant #:~:text= à la fin d'une URL puis le texte qui apparaît quelque part sur la page, ce dernier sera surligné lorsque vous accèderez au lien, et la position de défilement placera ce texte au milieu.

Une sorte de version boostée aux hormones des classiques ancres qui ciblent les éléments avec un attribut HTML id.

Voici la syntaxe :

https://example.com/page.html#:~:text=[prefix-,]textStart[,textEnd][,-suffix]

Via https://lehollandaisvolant.net/?id=20241024174028


Permalink

OpenFreeMap

Un service du genre de Leaflet qui permet d'ajouter une carte géographique à votre site web gratuitement.


Permalink

How to convert CommonJS to ESM

Convertir votre code CommonJS vers ESM. Il s'agit de différentes syntaxes utilisée pour modulariser le code, ESM étant la plus moderne et la seule supportée nativement par les navigateurs.


Permalink
❌