Summary of Monthly Design Team ‘Show and Tell’: April 2021

This is a summary of the Monthly Show and Tell that happens on the last Wednesdays each month. You can read the details on our Slack channel and for a full discussion watch the video below. You can join the SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel by following the instructions in our handbook.

Attendance: @chaion07, @javiarce, @paaljoachim, @critterverse, @karmatosed, @shaunandrews, @ibdz, @jameskoster, @ashiquzzaman are among the ones who attended the Zoom meeting. We’ve also had a productive conversation over Slack on the topics that were discussed during the meeting.

Exploration on the Document Attribute Side Toolbar by @jameskoster

James shared his exploration of the sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. inspector among the many things he is currently working on. Being inspired by this PR he is working on proposing a change for Post/Page Title to the top including other elements of the inspector. He’s tried a couple of times According to him, the benefits include:

  • Quick access to the page title
  • Update templates (adding this to the sidebar is quite challenging)
  • General information architecture on the sidebar is detrimental in its own way
  • We use 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. attributes more than the post attributes so having it moved to the top can be an advantage
  • Gives more real estate for working with the post attributes
  • General portability is more.

Brainstorming with Reusable Blocks by @paaljoachim

Paal shared his brainstorming ideas in relation to Reusable Blocks with features such as:

  • Discard save
  • Convert to regular blocks
  • Click through; and
  • other features & design aspects.

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/ Labs’ idea exploration by @critterverse and @javiarce

In relation to this issue on GitHub, Channing has been collaborating with Javier with the idea of ‘Gutenberg Labs’. This has everything to do with the experiment window on the Gutenberg 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 WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party. We have been having discussions on the design channel about how this can work out. Channing & Javier have been collecting early ideas on where this can go. They began with the WordPress About page for releases to work with as a reference point. Similar references include:

  • 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 be the repository owner. https://github.com/ Feature Preview (Notifications BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process.)
  • GMail Labs (Currently Advanced Tab in GMail)
  • Figma Beta
  • Tumblr Labs

They also showed the working file using Figma with some visual references in the form of look and feel inspirations including abstract ui and tools.

Recording: (For best results watch the video on YouTube)

Design Show and Tell April 2021 (on YouTube)

Please go through the recording to learn more on the ideas shared during the Show and Tell meeting. We look forward to having you with the Design Team. The next Show and Tell is set to take place on the Wednesday, May 26, 2021, 18:00 UTC. Thank you!

#meeting-summary, #meetings, #show-and-tell