Aller au contenu

Revue de web #146

Avatar de Imagile
Publié le 9 décembre 2024 Par Imagile

Turbo propose les actions afterappendbeforeprependremovereplace et update pour modifier le DOM lors d’une réponse Turbo Stream. Il permet maintenant de créer des actions supplémentaires déclenchant du JavaScript sur mesure pour enrichir la liste des possibilités.

https://marcoroth.dev/posts/guide-to-custom-turbo-stream-actions

Turbo est une bibliothèque JS utilisable au sein de différents frameworks (Ruby on Rails, Laravel, Django…) qui permet d’obtenir des applications web qui ont des allures de logiciels métiers dans le sens où des éléments au sein des pages peuvent être rafraîchis sans avoir à recharger la page entièrement. Cela apporte un grand confort de travail et assure un excellent temps de chargement des informations.

https://www.imagile.fr/ruby-on-rails/#36-integration-avec-dautres-outils

Vibe est un outil de transcription audio hébergé localement. Il vous permettra d’extraire des sous titres pour vos vidéos ou bien de récupérer la transcription de vos réunions.

https://thewh1teagle.github.io/vibe/

Pour nos réunions physiques, nous avons eu l’occasion également de tester, avec succès, l’outil PLAUD Note, un enregistreur vocal disposant d’une IA et qui permet :
– de retranscrire l’ensemble de la conversation et de produire les minutes,
– de réaliser des synthèses bluffantes,
– d’établir une liste de choses à faire en fonction des suggestions apparues tout au long des échanges.

L’objet, au format « carte de visite », couplé au smartphone, est discret. Posé sur une table, au milieu des participants, il n’est pas intrusif. C’est une sorte de dictaphone des temps modernes qui aurait embarqué un secrétaire de séance…

En savoir plus : https://fr.plaud.ai/products/plaud-note-ai-voice-recorder

Popover, introduite par HTML5.3 et accessible via popover.oddbird.net, est une spécification qui permet de créer des interfaces interactives et accessibles, sans JavaScript complexe. Elle facilite la création d’éléments interactifs comme des menus, infobulles ou modales, et gère automatiquement l’accessibilité et le focus. Elle améliore ainsi les performances, réduit la complexité du code et garantit une meilleure accessibilité, notamment avec le support des lecteurs d’écran et du focus clavier.

Plusieurs polyfills existent, comme OddBird’s popover-polyfill, pour assurer une compatibilité rétroactive avec les navigateurs qui ne la prennent pas encore en charge.

Liens utiles :

On le sait, la fonctionnalité « glisser-déposer » permet d’améliorer considérablement l’expérience utilisateur, en particulier au sein des applications où l’interactivité est essentielle. Pour réaliser des choses telles que tableaux de bords, Kanban aux listes interchangeables, cette bibliothèque JavaScript est très légère. À utiliser avec un framework tel que Vue.JS, ReactJS, etc.

https://swapy.tahazsh.com

Prêt à travailler avec nous ?

Contactez-nous, ou venez nous rencontrer pour discuter de vos projets.