Recap of Hallway Hangout on Intrinsic Design

On February 8th, 2024 contributors came together in a Hallway Hangout.  The discussion was focused on understanding intrinsic design principles and some challenges of implementing them in WordPress themes and plugins.

Participants: @fabiankaegy @poena @greenshady @karmatosed @colorful-tones @onemaggie @sierratr Andrea Roenning, GustovoH. and @bph (Faciliator)

Thank you to all for a great discussion!

Here is the video of the recording:

Transcript is available on YouTube.

About intrinsic design

Intrinsic design is an approach to web design that aims to make layouts adapt to different screen sizes in a fluid way, without relying on predefined breakpoints. With intrinsic design, individual design elements like blocks are designed to optimize themselves for any available space, rather than being targeted to specific screen widths. This allows content to reflow and adapt naturally to different devices and screen sizes.

To dive deeper into the topic, read:

Summary of the Discussion

The discussion covered intrinsic design principles and their implementation in WordPress themes and blocks. Participants discussed how intrinsic design aims to make layouts fluidly adapt without breakpoints, allowing elements to optimize themselves based on available space.

Challenges of responsive design in GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. were examined, such as inability to control hard-coded breakpoints and lack of tools to define minimum/maximum widths. Potential solutions using upcoming features like container queries and states were explored.

Issues hiding/showing content and images on mobile were debated, as was the need to understand user needs across devices. Browser support limitations for newer techniques were also a factor.

Overall, the conversation focused on better implementing intrinsic techniques in WordPress, workarounds for current limitations, and how upcoming coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. changes could help address responsive design challenges. Participants shared ideas and examples from their own work to improve intrinsic support moving forward.

Discussions online and resources

Upcoming Developer Hours

February 13, 2024, at 16:00 UTC
JavaScript for modern WordPress development

February 27, 2024, at 16:00 UTC
How to build modern web layouts with WordPress blocks

Props to @greenshady for review.