# UI/UX · Veille technologique

[Source canonique](<https://sebastien.rigaux.be/veille/tags/ui-ux/page/4>)

Conception d’interfaces et de parcours adaptés aux besoins des utilisateurs.

## [Utiliser display: contents pour composer des layouts CSS](<https://sebastien.rigaux.be/veille/liens/utiliser-display-contents-pour-composer-des-layouts-css>)

Ahmad Shadeed explore les situations où les enfants d’un conteneur doivent participer au layout de son parent. Les exemples expliquent l’intérêt de display: contents pour des compositions plus souples.

2024-09-13 · [Markdown](<https://sebastien.rigaux.be/veille/liens/utiliser-display-contents-pour-composer-des-layouts-css.md>) · [Ressource originale](<https://ishadeed.com/article/display-contents/>)

## [Faire cohabiter un header sticky et une section plein écran](<https://sebastien.rigaux.be/veille/liens/faire-cohabiter-un-header-sticky-et-une-section-plein-ecran>)

L’article analyse les pièges de position: sticky lorsqu’un header doit cohabiter avec des éléments hauts comme le viewport. Il aide à comprendre les contraintes de conteneur qui rendent ces layouts fragiles.

2024-09-13 · [Markdown](<https://sebastien.rigaux.be/veille/liens/faire-cohabiter-un-header-sticky-et-une-section-plein-ecran.md>) · [Ressource originale](<https://www.smashingmagazine.com/2024/09/sticky-headers-full-height-elements-tricky-combination/>)

## [Avokado : commander à table grâce aux App Clips](<https://sebastien.rigaux.be/veille/liens/avokado-commander-a-table-grace-aux-app-clips>)

Avokado présente un parcours de commande au restaurant déclenché par QR code ou App Clip. L’application illustre une expérience mobile qui réduit les étapes d’installation avant une commande.

2024-09-12 · [Markdown](<https://sebastien.rigaux.be/veille/liens/avokado-commander-a-table-grace-aux-app-clips.md>) · [Ressource originale](<https://apps.apple.com/be/app/avokado/id1661418270>)

## [Penpot : rapprocher design, composants et code](<https://sebastien.rigaux.be/veille/liens/penpot-rapprocher-design-composants-et-code>)

Penpot propose une plateforme de design open source avec prototypes, composants partagés et design tokens. Ses layouts basés sur Grid et Flex facilitent les échanges entre designers et développeurs.

2024-07-28 · [Markdown](<https://sebastien.rigaux.be/veille/liens/penpot-rapprocher-design-composants-et-code.md>) · [Ressource originale](<https://penpot.app/>)

## [NLUX : intégrer une interface de chat IA en React ou JavaScript](<https://sebastien.rigaux.be/veille/liens/nlux-integrer-une-interface-de-chat-ia-en-react-ou-javascript>)

NLUX fournit des composants conversationnels pour connecter une application web à des LLM. Le projet propose des intégrations React, Next.js et JavaScript ainsi qu’un outil de démarrage en CLI.

2024-06-25 · [Markdown](<https://sebastien.rigaux.be/veille/liens/nlux-integrer-une-interface-de-chat-ia-en-react-ou-javascript.md>) · [Ressource originale](<https://github.com/nlkitai/nlux>)

## [Plasmic : créer visuellement des interfaces avec ses composants React](<https://sebastien.rigaux.be/veille/liens/plasmic-creer-visuellement-des-interfaces-avec-ses-composants-react>)

Plasmic propose un éditeur visuel intégrable à une base de code React. Les composants existants peuvent être réutilisés dans des pages et applications assemblées par glisser-déposer.

2023-11-16 · [Markdown](<https://sebastien.rigaux.be/veille/liens/plasmic-creer-visuellement-des-interfaces-avec-ses-composants-react.md>) · [Ressource originale](<https://github.com/plasmicapp/plasmic>)

Page 4 / 4

[Précédent](<https://sebastien.rigaux.be/veille/tags/ui-ux/page/3>)
