L'article présente le projet Meshtastic, une initiative visant à créer un réseau de communication décentralisé basé sur la technologie LoRa. L'objectif est de proposer une alternative indépendante des réseaux cellulaires traditionnels, principalement pour la transmission de textes bas débit, utilisable en cas de pannes ou d'événements extrêmes, mais aussi comme un projet technique ludique.
Ce réseau maillé repose sur l'utilisation bénévole d'équipements qui se relaient les messages. La technologie LoRa est choisie pour sa capacité à transmettre des signaux sur de longues distances et à travers des obstacles, avec une consommation d'énergie réduite.
L'auteur aborde également les notions techniques de base relatives aux ondes électromagnétiques, expliquant leur propagation et les concepts de fréquence et de puissance en dBm pour caractériser la force des signaux radio.
L'auteur décrit avec humour et frustration l'incroyable complexité des boutons radio dans un projet utilisant Shadcn, un framework UI basé sur Radix. Initialement simple avec une balise HTML native, le bouton radio devient un composant React complexe de 45 lignes, intégrant des dépendances externes pour un simple cercle. L'article explore les couches de complexité ajoutées par Shadcn et Radix, questionnant la nécessité de cette sur-ingénierie pour un élément basique. Il se termine avec ce bout de code qui permet de faire la même chose... en plus simple
input[type="radio"] {
/* Disable the browser's default radio button styles */
appearance: none;
margin: 0;
/* Recreate the circle container */
border: 1px solid black;
background: white;
border-radius: 50%;
/* Center our dot in the container */
display: inline-grid;
place-content: center;
/* Use a pseudo-element to display our "dot" */
&::before {
content: "";
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
}
/* And display it when the radio button is checked */
&:checked::before {
background: black;
}
}Comment utiliser proprement un input de type "radio"
Une liste de web radio
Tout est dans le titre
Une bibliothèque CSS pour avoir de belles cases à cocher / boutons radio
Tout est dans le titre
Pas mal : des exemples d'utilisation des boutons radio pour contrôler le design (menus, interfaces tabulaires, etc.), le tout sans JavaScript