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.
Ahmad Shadeed
Tech watch
← All linksUI/UX
Page 4 of 4
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.
https://www.smashingmagazine.com/author/philip-braunen/
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.
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.
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.
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.