Aller au contenu

Revue de web #147

Avatar de Imagile
Publié le 23 décembre 2024 Par Imagile
Calendriers de l'Avent

Certes, les chocolats des calendriers de l’Avent qui trônent dans vos salons sont déjà presque tous mangés. Nous tenions pourtant à vous présenter ces deux calendriers de l’Avent centrés autour de l’univers du web :

  • Le premier, de HTMLHell, qui chaque jour propose un nouvel article sur la sécurité, l’accessibilité, l’UX et la performance : https://htmhell.dev/adventcalendar/
  • Le second, celui de Stephanie Eckles, qui célèbre les nouveautés de l’année des langages fondamentaux du web : le HTML, le CSS et le JS : https://12daysofweb.dev/

Keywords Everywhere est un outil de génération de prompt pour ChatGPT ou autre IA. Chez Imagile, nous nous en servons pour pour générer ce qu’il faut donner à ChatGPT (prompt) pour nous aider dans la rédaction de contenu, pour par exemple trouver des mots clés similaires en SEO, intégrer un mot clé dans du contenu, trouver des idées de titres et meta descriptions SEO pour des articles… Cela permet d’avoir des prompts cadrés et de toujours avoir le même rendu côté ChatGPT pour des actions que l’on fait régulièrement.

Keywords Everywhere propose aussi de créer des prompts pour les réseaux sociaux, de faire des macro Excel, de détecter des langues et de traduire, de synthétiser des textes…

https://keywordseverywhere.com/ctl/chatgpt-prompts

Formbricks est une solution open source et auto-hébergeable qui révolutionne les sondages et le feedback utilisateur. Avec un éditeur sans code, simple et puissant, elle permet de déployer des enquêtes non-intrusives, ciblées et personnalisables sur votre site, application ou par email.

https://github.com/formbricks/formbricks

À l’instar de Spotify et son résumé de votre année en musique nommée « Wrapped 2024 », l’équipe de développement de Google Chrome publie le résumé des nouveautés 2024 arrivées dans le navigateur le plus utilisé au monde.

Parmi celles-ci, relevons celles qui nous intéressent le plus car elles remplacent des fonctionnalités jusqu’à maintenant faisables en ajoutant du code javascript dans la page (avec les inconvénients associés, au premier chef desquels l’impact sur les performances) par des fonctionnalités natives en CSS pur, directement exécutées par le navigateur :

  • interpolate-size : il est maintenant possible dans Chrome (le support n’est pas complètement répandu chez les autres navigateurs) d’animer la hauteur ou la largeur d’un élément au survol de la souris par exemple.
  • Balises details mutuellement exclusives : dans une liste de questions/réponses (ou « accordéon »), il s’agit simplement de fermer automatiquement un item à l’ouverture d’un autre.
  • Balises details stylables : toujours dans les accordéons, les développeurs front ont maintenant un contrôle plus grand sur l’apparence de la partie ouverte de l’élément, permettant par exemple de créer un accordéon horizontal avec 2 lignes de CSS
  • Positionnement par ancre : permet de placer facilement un élément par rapport à un autre, idéal pour les bulles d’infos, les menus contextuels, etc.
  • Transitions entre vues : permet de définir une animation lors du changement de page.
  • Animations au scroll : permet de définir une animation lorsque l’utilisateur fait défiler le contenu de la page.
  • Effets d’entrée : possibilité de définir l’état initial d’un élément, et de l’animer lors de son premier affichage
  • Mode clair/sombre : en matière d’accessibilité, il est toujours intéressant de proposer 2 modes de couleurs différents : un mode clair, assez classique, et un monde sombre, moins fatigant pour les yeux si l’on regarde l’écran dans le noir, en lisant sur sa tablette dans le lit par exemple. Or la mise à disposition de ces 2 choix implique du temps de développement supplémentaire, nous saluons donc l’initiative de réduire ce temps avec des fonctionnalités natives pour la déclaration des couleurs.
  • Popover API : les composants usuels simulant des « calques » empilés les uns sur les autres, comme des fenêtres popup, des menus, des info-bulles, etc. sont maintenant natifs dans Chrome.

https://chrome.dev/css-wrapped-2024/

Ce rapport, rédigé par l’Académie des technologies, défend l’idée que l’IA, en restant sous contrôle humain et en étant régulée, pourrait contribuer à la connaissance plutôt qu’à la désinformation. Il rappelle que, tout comme les Encyclopédistes cherchaient à rendre les objets techniques accessibles pour en diffuser la science, la technologie moderne, bien que plus complexe, tend à simplifier son usage au point de rendre invisibles les compétences et connaissances scientifiques qu’elle génère. Ce phénomène pourrait mener à une « apocalypse cognitive », où nous perdons la capacité de comprendre les technologies qui façonnent notre quotidien. Face à l’IA, il est essentiel que les générations futures allient audace et précaution, en choisissant un progrès raisonné, maîtrisé et partagé :

https://www.academie-technologies.fr/wp-content/uploads/2024/12/241213_IA_mesinformation.pdf

Prêt à travailler avec nous ?

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