Hebdomadaire Shaarli
Semaine 02 (January 6, 2025)
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)
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
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.
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
Une présentation très complète de l'élément meter : accessibilité, sémantique, etc.
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
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é.
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 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