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:
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.
https://wordpress.org/gutenberg/ 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
- Discussions on GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged by the repository owner. https://github.com/
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.