Show & Tell August 26, 2020 Summary

During Show & Tell, we had 3 interactions for….

Iterate the blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. directory

@michael-arestad showed us how he mocked some options to present the block directory, where the user can see a preview of the block while hovering and a short block description on the side, instead of the current direction of the full pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the Plugin Directory or can be cost-based plugin from a third-party description and the plugin icon (as seen in the plugin directory).

The highlights on @michael-arestad‘s presentation:

  • Making the list keyboard-focus to improve accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (
  • Finding the right placement of the “add” button to avoid a button with too much information.
  • Looking into a flow to call for blocks of the same categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. as something already existing in the user’s directory.

Follow up new iterations as they are posted and leave comments.

Directory Proposal

@michael-arestad also talked about a proposal by @melchoyce for a block directory. There is already a lot of work done in there, so he will be working on updating it and see if he can take it further.

Components in Figma Library

@ibdz asked about source of truth when it comes to WordPress components and styles, as he has seen too many sources and options out there. Since there is no source of truth, he plans on running an audit for tracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub. tickets and look into the last release (5.5 at the time of this post) and begin from there.

Another question is if it is necessary to separate desktop and mobile components and styles? It was suggested that having the WP-admin frame for both desktop and mobile would be very useful. As for components and styling, if there are differences, it is good enough to show them side by side.

WidgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. editor issue

@mapk showed the work he has done revamping the widget editor. His proposal is to make it look like the block editor and using the same workflows. We are looking into merging the widget editor in release 5.6. If you have any comments, please add them here.

Design team goals for 5.6 release

There is a lot of rambling on my part but basically, I would like to get some specific goals for the design team that are focused on the release or how can we participate more. I shall discuss this with @karmatosed as she returns from sabbatical.

Here is the link to the full video.