Mensuel Shaarli
January, 2025
Tout est dans le titre
Tout est dans le titre
Une explication de ce que sont les Architecture Decision Record
Tout est dans le titre
Lottie est un format d’animation basé sur JSON
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Une excellente introduction sur les "expression languages" : tokenizer, parser, evaluator
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Un très bon résumé
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Ergol est une disposition clavier ergonomique... L'auteur semble en être extrêmement content
L'auteur rappelle le principe de moindre pouvoir : choisir le langage le moins puissant pour un but donné — on permet ainsi de laisser le navigateur la manière d'accomplir ce que l'on souhaite.
Il présente ensuite quelques éléments / fonctionnalités pour lesquelles JavaScript peut être remplacé avantageusement par du HTML / CSS :
- Custom Switches
- Datalist, un composant avec autocomplétion native
- Un Color picker
- Accordions
- Dialog modals
Il rappelle à chaque fois les meilleures pratiques d'accessibilité.
Tout est dans le titre
Tout est dans le titre
Présentation d'une faille par injection HTML intéressante (et c'est pas du XSS) et comment s'en prémunir (utiliser DOMPurify)
Tout est dans le titre
une bibliothèque d'animations CSS pour des loader
Tout est dans le titre
Tout est dans le titre
Une présentation très complète de l'élément meter : accessibilité, sémantique, etc.
Tout est dans le titre
Tout est dans le titre
Un guide assez complet sur l'utilisation de text-wrap: balance et text-wrap: pretty
Une introduction à l'intelligence artificielle
L'auteur montre plusieurs cas où les attributs ARIA ajoutent du bruit... et sont inutiles
L'auteur liste quelques avantages de Lua
Une présentation des schémas Json, avec ou sans utilisation de TypeScript
Tout est dans le titre
Tout est dans le titre
Ça n'a pas été sans mal mais l'auteur nous explique comment corriger quelques soucis
Tout est dans le titre
L'auteur montre comment utiliser des images dans des boutons
Très mauvais code : <a href="javascript:void(1)" onClick='window.location="index.html"'>Link</a>
Comment utiliser proprement un input de type "radio"
TLDR : ne pas mettre un lien dans un label
Tout est dans le titre
Quand utiliser ou ne pas utiliser les attributs aria
Utilisation des bons éléments HTML pour la navigation d'un site
L'auteur explique quand utiliser l'élément legend
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
La dette technique, concept popularisé par Ward Cunningham, désigne les compromis pris lors du développement logiciel pour livrer rapidement, au détriment de la qualité à long terme. Elle se manifeste par un code difficile à maintenir, des bugs récurrents et un ralentissement de l’innovation. Pour la maîtriser, il est essentiel de l’évaluer régulièrement avec des outils comme SonarQube (mesure de la complexité, duplication, couverture de tests, etc.) et d’adopter des pratiques DevOps : revues de code systématiques, tests automatisés, standardisation de la stack technologique, et veille sur l’obsolescence des dépendances. L’enjeu est de trouver un équilibre entre rapidité de livraison et qualité, en planifiant des itérations dédiées à la réduction de la dette et en évitant l’accumulation de couches technologiques hétéroclites. L’objectif ? Transformer un frein en levier d’innovation durable.
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Une subtilité JavaScript qui s'applique à Vue
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Une introduction aux structures de données et aux algorithmes avec quelques suggestions pour approfondir le sujet
Un article très complet sur les DTO : ce qu'ils sont, à quoi ils servent, les pièges à éviter
Tout est dans le titre... à part qu'il s'agit du fichier de configuration pour TypeScript
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Les astuces :
- alias git
- indexation partielle
- vscode
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Si vous avez un formulaire dont le bouton "submit" n'est pas placé entre les balises
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
DAS = Direct Attached Storage
L'auteur explique l'utilisation de Garage pour faire des sauvegardes S3 en local avec Restic sur un DAS QNAP
Tout est dans le titre
L'auteur explique à quoi servent les attributs integrity et crossorigin dans
<script src="https://unpkg.com/react@18/umd/react.production.min.js"
integrity="sha384-tMH8h3BGESGckSAVGZ82T9n90ztNXxvdwvdM6UoR56cYcf+0iGXBliJ29D+wZ/x8"
crossorigin="anonymous">L'autrice explique son cheminement / sa réflexion pour la transformation d'un wireframe en HTML : plan, choix des éléments, accessibilité, etc.
À tester pour acheter des billets de train
Article très intéressant sur l'évolution financière du secteur de la tech
Un article intéressant sur le salariat déguisé, etc.
L'auteur a gagné un an d’abonnement au SaaS de Sidero Labs (les créateurs de Talos Linux), Omni. Omni est une solution de déploiement de clusters Kubernetes qui permet d’orchestrer des serveurs sous Talos, un Linux dédié à Kubernetes.
Comme Oracle Cloud propose un free tier et comme Talors / Omni supportent Oracle Cloud, l'auteur montre comment déployer Talos Linux sur Oracle Cloud.
Encore un exemple de utilisé comme bouton
On n'utilise pas un table pour le design d'une interface... et les "id" sont uniques
<span class="nav-toggle"> ☰ Menu </span> est mauvais pour l'accessibilité. L'auteur explique comment résoudre ces problèmes
Comment trouver un compromis entre accessibilité et effet visuel
Tout est dans le titre
Utilisation des bons éléments HTML pour créer une card accessible
L'auteur montre un extrait de HTML avec une mauvaise utilisation de titre hX et des div inutiles. Il s'agit d'un code généré par un framework JavaScript. Or ceux ci fournissent généralement des mécanismes pour éviter d'avoir des éléments en trop (comme les fragments dans React)
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Il s'agit d'une façon plus fine d'utiliser les Cross-Document View Transitions, qui permettent de faire des effets de transition quand on passe d'une page à une autre via un clic.
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
La documentation de plein de langages / frameworks rassemblée en un seul site
Tout est dans le titre
Un résumé d'une conférence sur les tests
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Apache Iceberg est un format de table aux caractéristiques très intéressantes : support des transactions ACID, évolution des schémas de données, time travel / rollback, etc.
Une astuce pour l'hébergement de sites SPIP avec Yunohost
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
5 attributs HTML pour améliorer l'accessibilité :
- hreflang -> indique la langue de la page pointée par un lien
- translate -> si on met "no" on indique que le terme ne doit pas être traduit (pratique pour les noms de ville, etc.)
- reversed -> utile pour les éléments ordonnées
- controls -> affiche les contrôles pour les vidéos ou la musique
- autocomplete -> indique au navigateur d'afficher l'autocomplétion, on peut même préciser où chercher (nom du champ)
Utilisation de l'attribut "rel" et des différentes valeurs permises
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dit
L'auteur explique la sémantique des éléments header, main, aside, etc.et comment ils aident à la fois à structurer la page web mais aussi à faciliter son accessibilité
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Encore un exemple de utilisé comme bouton
Comment écrire une "bonne" bannière d'acceptation des cookies
Exemple de mauvaise et de bonne structuration d'une section de page
TLDR : si vous avez besoin d'un élément bouton, utilisez un élément bouton
Un article très intéressant dans lequel l'auteur compare 2 styles de développement (piloté par les données versus piloté par les besoins métiers), et leur relation avec l'automatisation possible ou non de process métiers.
Comment ajouter un bouton "fermer" à une modale proprement
L'auteur explique pourquoi ne pas utiliser une div pour faire un lien
Tout est dans le titre
Tout est dans le titre