Daily Weekly Monthly

Monthly Shaarli

All links of one month in a single page.

February, 2024

DigiPDF by La Digitale

Un outil en ligne pour manipuler les fichiers PDF.

Via https://sebsauvage.net/links/?4rHd-w

Node.js 2023 Year in An Article

Un résumé de ce qu'il s'est passé en 2023 pour Node.

Apache ECharts

Une librairie JavaScript — ultra-complète et pour autant simple d'utilisation — pour créer des graphiques. La quantité de possibilités est impressionnante. Elle supporte même le rendu côté serveur (SSR).

Color and Contrast.com

Tout (mais vraiment tout !) savoir sur les couleurs et le contraste, à des fins de design web.

David Heinemeier Hansson: Microservices vs. Monolith

Le créateur de Ruby on rails donne son avis quant au débat microservices vs monolith.

Signal >> Blog >> Keep your phone number private with Signal usernames

Signal permettra bientôt d'être contacté par le biais d'un nom d'utilisateur, et donc de ne pas communiquer son numéro de téléphone.

Pour éviter que les gens ne se ruent pour réserver les noms les plus populaires, il sera obligatoire d'ajouter deux numéros à la fin.

Online @font-face generator — Transfonter

Un outil pour convertir des polices d'écriture en différents formats (dont WOFF et WOFF2) et qui génère le code CSS pour les inclure facilement dans vos projets.

Le développeur qui sait tout - Je suis un dev

Même si j'ai toujours un peu de mal avec le ton légèrement arrogant de l'auteur, je retrouve dans ce récit pas mal d'éléments qui me sont familiers vis-à-vis à la façon d'apprendre de ce JF.

Non pas que j'ai mis en place des techniques explicites pour mémoriser mieux ou plus vite, mais quand je découvre une technologie, j'ai tendance à y aller à fond, à potasser toute la documentation (et pour peu qu'elle soit bien faite, j'aime ça), même les choses qui ne me serviront probablement pas.

Ça me constitue une base. Une base saine.

Ensuite, la probabilité que ce bagage technique me reste en tête dépend de la fréquence à laquelle j'utiliserai la technologie, et de la quantité de choses que je lirais dessus dans la littérature périphérique (blogs, etc.).

Par exemple, une fois, quand j'étais en vacances 2 semaines, j'ai mangé la quasi-totalité du site http://javascript.info/. Par petits bouts, quand j'avais quelques minutes à tuer. J'ai trouvé ça passionnant, et j'ai découvert énormément des choses de base que j'ignorais sur le JavaScript.

Même si ça peut sembler légèrement excessif, je constate que c'est cette façon de faire qui me permet d'être bon dans ce domaine, et qui me permet de pouvoir sereinement viser l'excellence (au sens où j'essaye toujours de concevoir ce que je développe de la meilleure manière possible, celle qui me donnera le moins de boulot de maintenance et qui demandera le moins d'effort possible à un développeur qui arrive sur le projet). Ce qui est évidemment un combat sans fin.

Mais je conçois que ça demande d'une part énormément de temps, et d'autre part de la passion. C'est vraiment là que je place la limite entre les très bons développeurs et ceux qui sont moyens, en tout cas parmi les spécimens que j'ai pu croiser jusqu'à maintenant.

Malgré tout, il n'y a rien de mal à vouloir cantonner le développement à son boulot. La plupart dès gens font ça et ça fonctionne suffisamment bien.

Pensez-y juste la prochaine fois que vous scrollerez sur TikTok ou YouTube. Prenez quelques minutes de ce temps pour lire de la doc, vous informer sur les technos qui vous plaisent, vous en retirerez probablement une satisfaction encore plus grande.

Tailwind marketing and misinformation engine

Cet article (🇬🇧) explique tellement bien ce qui cloche avec Tailwind.css ! Ça me rassure de voir que ce point de vue existe toujours. Tailwind est simplement très très fort en communication/manipulation.

À lire !

Because trends are temporary, but standards are forever.

WizTree - The Fastest Disk Space Analyzer

Une alternative à WinDirStat qui se dit 46 fois plus rapide. C'est un outil qui permet d'analyser tout votre disque dur ou SSD et de déterminer quels sont les plus gros fichiers et répertoires en terme de taille. Parfait pour faire du ménage.

Via https://sebsauvage.net/links/?6w24Aw

DNS over HTTPS and DNS over TLS | Mullvad VPN

Les serveur DNS ouverts de Mullvad.

Release v4.0.0 · honojs/hono

Hono, le framework web orienté serverless passe en version 4 et ajoute un module optionnel — HonoX — qui le transforme en meta-framework full-stack un peu comme Next.js ou Nuxt.js.

Tempo • Dates by FormKit

Yet another librairie pour gérer les dates en JavaScript.

Elle se rapproche de date-fns en cela qu'elle expose des fonctions utilitaires pour manipuler la classe Date native, au lieu de créer sa propre classe (et à titre personnel je pense que c'est la bonne approche).

Elle se différencie par son utilisation du module Intl natif qui permet une meilleure localisation de la représentation d'une date sous forme de texte en fonction de la langue préférée de l'utilisateur.

Plus d'infos sur Intl.DateTimeFormat ici : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat

JavaScript Game Tutorial with HTML Canvas: Gorillas

Une vidéo de 1h54 qui vous apprendra à développer un jeu simple de zéro en HTML, CSS et JS, sans aucune dépendance, avec l'élément HTML <canvas>.

Le fait de partir de rien sans aucun moteur graphique rend l'approche super intéressante !

Khan Academy | Sur chaque sujet, un cours et des exercices entièrement gratuits

Des ressources pour aider vos enfants avec les maths et quelques autres matières.

Explore 3000+ Free UI Elements: CSS & Tailwind

Une collection de 4000+ éléments HTML + CSS (boutons, checkboxes, etc.) à copier/coller dans vos projets.

Via https://korben.info/uiverse-plus-3500-elements-interface-utilisateur-copier-coller-projets-web.html

How To Center a Div

Comme toujours, un article passionnant de Josh Comeau qui explore les différentes façon de centrer un élément HTML en CSS. Didactique et plein de petites astuces très utiles. Vous allez presque obligatoirement apprendre quelque chose 😉

max-width: fit-content; 😍

Express Forward · Issue #160 · expressjs/discussions

Il semblerait qu'Express.js ne soit pas mort finalement. Ce texte évoque une volonté de réactiver le projet, et publie même une roadmap.

Turbo.Art

Une IA générative à auto-héberger. L'outil permet d'ajuster le résultat en dessinant sur l'image d'origine.

Via https://korben.info/jouez-avec-sdxl-turbo-generation-image-creative-temps-reel.html

Command Line Interface Guidelines

Une (longue !) liste de guidelines pour la conception d'outils en ligne de commande (CLI pour Command Line Interface).

Guides library | Better Stack Community

Un gros regroupement de très bons guides et tutos sur le logging, le scaling, l'observability, le testing, etc.

Freely available Web-Based Virtual Browser | Browser.lol

Ce site permet d'accéder à un navigateur exécuté sur un serveur distant en streaming. L'idée est de pouvoir accéder à des sites douteux sans prendre le risque d'infecter sa propre machine.

Ça marche assez bien et ça semble gratuit. C'est à se demander comment la boîte qui gère l'outil se fait de l'argent.

Évidemment, ne vous connectez à aucun compte perso.

Via https://korben.info/protegez-vos-donnees-et-surfez-en-securite-avec-browser-lol.html

Calendar

Imprimer cette page vous permettra d'obtenir un calendrier très sobre qui occupe au maximum l'espace disponible, quelle que soit l'orientation choisie.

Le code est là : https://github.com/neatnik/calendar

Via https://sebsauvage.net/links/?qlOdnQ

Making Sense Of “Senseless” JavaScript Features — Smashing Magazine

Un état des lieu des bizarreries de JavaScript qui font de lui un langage parfois mal aimé.

Quand on creuse un peu, on s’aperçoit que pratiquement tous les langages haut niveau qui ont un peu d'age ont ce genre de bizarreries, et qu'il suffit de les connaître.

Temporal API is Awesome

L'API Temporal arrive bientôt en JavaScript, et elle offre toutes les fonctionnalités qui manquaient au type natif Date pour gérer les dates sans avoir besoin de librairies type moment, luxon, date-fns et consorts.

L'article aborde son utilisation.

Shoelace: A forward-thinking library of web components.

Un regroupement de Web Components, utilisable tels quel, ou avec le framework de votre choix.

Reading QR codes without a computer!

Explications détaillées sur la façon dont l'information derrière un QR code est représentée dans ce dernier.

Dark Visitors – A List of Known AI Agents on the Internet

Une liste des robots connus pour parcourir la totalité du web et une estimation de leurs intentions. Utilisé pour compléter son robots.txt.

The list of potential AI robots that can scrape content from your website is longer than we would like.

The Valley of Code

Un énorme regroupement de tutoriels relatifs au développement web.

Build lightweight cross-platform desktop apps with JavaScript, HTML, and CSS | Neutralinojs

Une alternative à Electron qui utilise les webviews natives de chaque OS plutôt que d'embarquer Chrome dans l’exécutable.

Ça permet notamment de largement réduire le poids des petites et moyennes applications.

AI bots (OpenAI ChatGPT et al) - comment les bloquer - Didier J. MARY (blog)

Cet article regroupe quelques méthodes pour essayer de diminuer la probabilité qu'un bot n'utilise le contenu de votre site pour alimenter une intelligence artificielle.

Via https://sebsauvage.net/links/?kqy94g

GitHub Data Explorer

Un outil pour explorer les données relatives aux projets open-source sur GitHub ou pour en mettre deux en compétition et les comparer.

Par contre attention, chez moi le site a réveillé le CPU et le ventilo qui va avec.