Intrinsic design vs. device view points #9
Description
How Gutenberg developer implement responsiveness for the block editor.
Resources:
From conversations...
An answer to Why are there no breakpoints and responsiveness in blocks?
"The projects is implementing intrinsic design, that reacts to any screen size, and not just arbitrary break points. From there it aims to adjust typography and layouts in patterns. The first implementation is available with the Row and Stack variation of the Group block."
Fluid Typography comes to WordPress 6.1: "Fluid typography" describes how a site's font sizes adapt to every change in screen size, for example, growing larger as the viewport width increases, or smaller as it decreases."
Could emphasize how breakpoints immediately bring a lot of cognitive overhead for users, which is present in all the block libraries that do it. Furthermore, artificial breakpoints are not flexible enough (fixed sizes for mobile, tablet, web), don’t account for patterns inserted in different contexts, etc.
Page Builders, like Elementor or Beaver Builder, started five to seven years ago. Breakpoints were all that was available back then. Jen Simmons discussed Intrinsic design at the A List Apart Event in April 2019