Vue lecture

Replacing JS with just HTML - HTMHell

Comment remplacer certains des éléments qu'on a pris pour habitude de construire en JS par du HTML natif.

J'aime notamment la dernière idée : utiliser l'API popover pour faire un menu latéral caché.


Permalink
  •  

Replacing JS with just HTML - HTMHell

Comment remplacer certains des éléments qu'on a pris pour habitude de construire en JS par du HTML natif.

J'aime notamment la dernière idée : utiliser l'API popover pour faire un menu latéral caché.


Permalink
  •  

Utiliser Google Earth sur Raspberry Pi : la solution Web qui fonctionne

L’application Google Earth n’est plus réellement maintenue sous Linux, et elle n’existe plus du tout en version native pour les architectures ARM, comme celles des Raspberry Pi. La dernière version officielle pour Linux date de 2020, et son installation sur un Pi (ARM) est aujourd’hui vouée à l’échec. En pratique, pour utiliser Google Earth sous […]

Cet article Utiliser Google Earth sur Raspberry Pi : la solution Web qui fonctionne a été publié en premier sur Framboise 314, le Raspberry Pi à la sauce française.....

  •  

The HTML-First Approach: Why htmx and Lightweight Frameworks Are Revolutionizing Web Development · while true do;

Entre htmx et DataStar (https://sebsauvage.net/links/?555nmw), il faudra vraiment que je jette un coup d'oeil à ces frameworks. Ils pourraient me redonner envie de faire du web. Ils sont html-first, légers, et extrêmement rapides.
(EDIT: J'ai doute sur le fait que l'article ait été écrit par un humain 😕 marre de l'IA qui pourrit tout.)

EDIT: On me signale aussi https://alpinejs.dev/ qui se combine bien avec htmx.

EDIT: Un autre article sur htmx qui le résume assez bien: https://pleasejusttryhtmx.com/
«    - Any HTML element can make an HTTP request
   - The server just returns HTML (not JSON, actual HTML)
   - That HTML gets swapped into the page wherever you want
   - You write zero JavaScript
   - The whole library is ~14kb gzipped
That's HTMX. That's literally the whole thing. »
Et un autre article un peu plus nuancé : https://htmx.org/essays/when-to-use-hypermedia/
(Permalink)
  •  

Accessible by Design: The Role of the 'lang' Attribute - HTMHell

Définir la langue de vos pages correctement à l'aide de <html lang="fr"> a un énorme impact positif pour les lecteurs d'écrans mais pas uniquement.

The lang attribute is a tiny line of code that provides universal access to your content. It's arguably the easiest, fastest, and most impactful accessibility fix you can make on any website.


Permalink
  •  

Accessible by Design: The Role of the 'lang' Attribute - HTMHell

Définir la langue de vos pages correctement à l'aide de <html lang="fr"> a un énorme impact positif pour les lecteurs d'écrans mais pas uniquement.

The lang attribute is a tiny line of code that provides universal access to your content. It's arguably the easiest, fastest, and most impactful accessibility fix you can make on any website.


Permalink
  •  

Kubernetes, strange new worlds

Il y a pratiquement 3 ans, jour pour jour (cela a vraiment démarré en novembre 2022), j’ai découvert un nouveau monde… Kubernetes et son orchestre (au moins philharmonique).
  •  

HTML Sanitizer API - Web APIs | MDN

Une API native arrive pour "nettoyer" une chaîne de caractères non-sure avant de l'injecter dans une page web. Les librairies de type DOMPurify seront bientôt optionnelles.


Permalink
  •  

HTML Sanitizer API - Web APIs | MDN

Une API native arrive pour "nettoyer" une chaîne de caractères non-sure avant de l'injecter dans une page web. Les librairies de type DOMPurify seront bientôt optionnelles.


Permalink
  •  

Linking to text fragments with a bookmarklet – alexwlchan

"""
Oh c'est cool : Un bookmarklet pour générer facilement un lien avec :#:~:text= (pour positionner à un endroit précis d'une page, même s'il n'y a pas d'ancres).
(via https://shaarli.zoemp.be/shaare/qj6faw)

🔵 Installation: Faire un drag-n-drop du gros bouton "Create link to selected text" dans votre barre de raccourcis Firefox.
🔵 Utilisation : Sélectionner le texte qui vous intéresse dans une page, et cliquez sur le raccourcis. Cela va ouvrir une popup avec le lien.

EDIT: On me signale que Firefox est capable de faire ça nativement :
🔵 Activation: Allez dans about:config, et passez le paramètre "dom.text_fragments.create_text_fragment.enabled" à "true"
🔵 Utilisation : Sélectionner le texte qui vous intéresse dans une page, clic-droit > "Copier le lien du surlignage"
"""
(sebsauvage)

Cela permet d'aller chercher des endroits dans la page sans utiliser d'anchor
Permalien
  •  
❌