Hebdomadaire Shaarli

Tous les liens d'un semaine sur une page.

Semaine 02 (January 6, 2025)

Back to Basics: 5 HTML attributes for improved accessibility and user experience - HTMHell

5 attributs HTML pour améliorer l'accessibilité :

  1. hreflang -> indique la langue de la page pointée par un lien
  2. translate -> si on met "no" on indique que le terme ne doit pas être traduit (pratique pour les noms de ville, etc.)
  3. reversed -> utile pour les éléments ordonnées
    1. controls -> affiche les contrôles pour les vidéos ou la musique
    2. autocomplete -> indique au navigateur d'afficher l'autocomplétion, on peut même préciser où chercher (nom du champ)
Do you know color-scheme? - HTMHell

Tout est dans le titre

Packer, vSphere, et UbuntuServer – Tips4tech.fr

Tout est dans le titre

DOM Clobbering - HTMHell

Présentation d'une faille par injection HTML intéressante (et c'est pas du XSS) et comment s'en prémunir (utiliser DOMPurify)

WebDAV : un serveur léger en Go

Tout est dans le titre

Whirl: CSS loading animations with minimal effort!

une bibliothèque d'animations CSS pour des loader

Node’s new built-in support for TypeScript

Tout est dans le titre

La gestion des erreurs côté front : approches modernes avec JavaScript, TypeScript et React | Les-Tilleuls.coop

Tout est dans le titre

Adding Complementary Performance Data to Your Site - HTMHell

Tout est dans le titre

QNAP : un DAS pour S3

DAS = Direct Attached Storage
L'auteur explique l'utilisation de Garage pour faire des sauvegardes S3 en local avec Restic sur un DAS QNAP

Copier une image Docker d'une registry à une autre

Tout est dans le titre

Using SRI to protect from malicious JavaScript - HTMHell

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">

How to transfigure wireframes into HTML - HTMHell

L'autrice explique son cheminement / sa réflexion pour la transformation d'un wireframe en HTML : plan, choix des éléments, accessibilité, etc.

The Form Attribute - Enhancing Form Layout Flexibility - HTMHell

Si vous avez un formulaire dont le bouton "submit" n'est pas placé entre les balises

, alors il vous suffit de donner un id à votre formulaire, et d'ajouter l'attribut "form" au bouton "submit" avec l'id du formulaire.

TypeScript enums and falsy values - Jack Franklin

Tout est dans le titre

What is the Difference Between Alternative Text, Long Description, and Caption? - HTMHell

Tout est dans le titre

Tabler Icons: 5800+ free vector icons for web design

Tout est dans le titre

The Popover API: Building Modals Has Never Been Easier | by Digvijay Mahapatra | Jan, 2025 | JavaScript in Plain English

Tout est dans le titre

SVG Repo - Free SVG Vectors and Icons

Tout est dans le titre

Meaningful labels using ARIA – or not. - HTMHell

Tout est dans le titre

Blog Eleven Labs - Méthode pour créer un environnement de revue avec Gitlab CI

Tout est dans le titre

Google Testing Blog: Arrange Your Code to Communicate Data Flow

Tout est dans le titre

Reading the meter - HTMHell

Une présentation très complète de l'élément meter : accessibilité, sémantique, etc.

Nobody Gets Fired for Picking JSON, but Maybe They Should? · mcyoung

Tout est dans le titre

LHDG22. Sauvons les hyperliens | Grise Bouille

Tout est dit

Landmarks and where to put them - HTMHell

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é

Découverte de DICOM, le format d'imagerie médicale - PARTIE 1 : la structure - FLOZz' Blog

Tout est dans le titre

Why does storing two-factor authentication codes in your password manager make sense? - Andy Grunwald

Tout est dans le titre

You don't need JavaScript for that - HTMHell

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é.

A Theory of Web Relativity - HTMHell

Utilisation de l'attribut "rel" et des différentes valeurs permises

Terraform, vSphere, et cluster K8S – Tips4tech.fr

Tout est dans le titre

Mini-guide to add an image - HTMHell

Tout est dans le titre

La virtualisation pour les nuls et autres enjeux autour des datacenters - LinuxFr.org

Tout est dans le titre

Improving SEO without knowing where to start - HTMHell

Tout est dans le titre

Gérer un projet Git — Partie 3 : comprendre l'historique — Corentin Hatte

Tout est dans le titre

Flutter : interagir avec du code natif (avec les method channels)

Tout est dans le titre

Lesser Known Uses Of Better Known Attributes — Smashing Magazine

Tout est dans le titre

Unit Testing Clean Architecture Use Cases

Tout est dans le titre

How to make your web page faster before it even loads | Product Blog • Sentry

Tout est dans le titre

Balancing Text In CSS

Un guide assez complet sur l'utilisation de text-wrap: balance et text-wrap: pretty

What Does AI Really Mean? — Smashing Magazine

Une introduction à l'intelligence artificielle

You Don't Need ARIA For That - HTMHell

L'auteur montre plusieurs cas où les attributs ARIA ajoutent du bruit... et sont inutiles

Lua is so underrated | Noë Flatreaud

L'auteur liste quelques avantages de Lua

lorenzofox blog | Schema first design

Une présentation des schémas Json, avec ou sans utilisation de TypeScript