# UI/UX · Tech watch

[Canonical source](<https://sebastien.rigaux.be/en/tech-watch/tags/ui-ux/page/4>)

Designing interfaces and flows around user needs.

## [Use display: contents to compose CSS layouts](<https://sebastien.rigaux.be/en/tech-watch/links/use-display-contents-to-compose-css-layouts>)

Ahmad Shadeed explores cases where a container’s children need to participate in its parent’s layout. Examples explain how display: contents enables more flexible compositions.

2024-09-13 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/use-display-contents-to-compose-css-layouts.md>) · [Original resource](<https://ishadeed.com/article/display-contents/>)

## [Combine sticky headers with full-height sections](<https://sebastien.rigaux.be/en/tech-watch/links/combine-sticky-headers-with-full-height-sections>)

The article examines position: sticky pitfalls when a header must coexist with viewport-height elements. It explains container constraints that can make these layouts fragile.

2024-09-13 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/combine-sticky-headers-with-full-height-sections.md>) · [Original resource](<https://www.smashingmagazine.com/2024/09/sticky-headers-full-height-elements-tricky-combination/>)

## [Avokado: table ordering through App Clips](<https://sebastien.rigaux.be/en/tech-watch/links/avokado-table-ordering-through-app-clips>)

Avokado presents a restaurant ordering flow launched through a QR code or App Clip. It illustrates a mobile experience that reduces installation steps before placing an order.

2024-09-12 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/avokado-table-ordering-through-app-clips.md>) · [Original resource](<https://apps.apple.com/be/app/avokado/id1661418270>)

## [Penpot: connect design, components and code](<https://sebastien.rigaux.be/en/tech-watch/links/penpot-connect-design-components-and-code>)

Penpot provides an open-source design platform with prototypes, shared components and design tokens. Grid and Flex-based layouts support collaboration between designers and developers.

2024-07-28 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/penpot-connect-design-components-and-code.md>) · [Original resource](<https://penpot.app/>)

## [NLUX: add an AI chat interface with React or JavaScript](<https://sebastien.rigaux.be/en/tech-watch/links/nlux-add-an-ai-chat-interface-with-react-or-javascript>)

NLUX provides conversational UI components for connecting web applications to LLMs. It supports React, Next.js and plain JavaScript, with a CLI for bootstrapping a project.

2024-06-25 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/nlux-add-an-ai-chat-interface-with-react-or-javascript.md>) · [Original resource](<https://github.com/nlkitai/nlux>)

## [Plasmic: build interfaces visually with your React components](<https://sebastien.rigaux.be/en/tech-watch/links/plasmic-build-interfaces-visually-with-your-react-components>)

Plasmic provides a visual builder that integrates with a React codebase. Existing components can be reused in pages and applications assembled through drag-and-drop editing.

2023-11-16 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/plasmic-build-interfaces-visually-with-your-react-components.md>) · [Original resource](<https://github.com/plasmicapp/plasmic>)

Page 4 / 4

[Previous](<https://sebastien.rigaux.be/en/tech-watch/tags/ui-ux/page/3>)