I’m working on designs for the brand new Patterns section for WordPress.org. This new section of the site will allow anyone to create and submit patterns — a collection of WordPress blocks — that can be shared and used by any WordPress site.
One aspect of build a great pattern is understanding how your design adapts to various widths. And I don’t just mean device widths, like a tablet or phone — but also container widths. In the world of the block editor, you can place patterns within wide pages or narrow columns, and your pattern must adapt accordingly.
Here’s how a Width tool could work when designing and building a pattern…
Far from perfect, this slider lets you change the size of the thumbnails in the media library. See a bunch of smaller images at once, or zoom in and see bigger images.
I’ve continued work on the Widgets prototype, this time taking some cue’s from Ben’s user test. His comments about the modal “being in the way” really struck a chord with me. This latest iteration removes the modal all together, in favor of a list of available widgets. Check out the video and let me know what you think.
I’ve continued to work on this prototype for widgets in WordPress. Its coming along nicely. I hope to run some user tests next week.