Design Show & Tell notes 29 July 2020

We had a Show & Tell last evening, unfortunately a human vs tech error prevented me from saving the recording. Here is a summary of the call.

Edit Site: Creating a new template from scratch

@michael-arestad has been working on a new flow to create a template from scratch. There are several iterations and steps taken towards this workflow and this evening we focused on resizing template parts, primarily the middle column. You can follow the design iterations in Figma. If you would like to participate, please add your comments/proposals and ideas to the PR.

Shorter triage sessions during summer days

We discussed the fact that some coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./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/ sessions have been lacking participation during summer days due to holidays. The team agreed to shorten them to 30 mins if there were not many people around. We are also going to be reaching out to those involved in tickets to help us with technical questions.

Accordion blocks

@mapk is working on an accordion block to include in core, he showed us a prototype and some styling options. There is a Figma file to review iterations. If you want to contribute, please leave your comments in the PR.

About page for 5.5

@estelaris is working on the design for the About page as part of release 5.5. Being this the first time, it has been a learning experience. Many of the frustrations are due to the limited framework we need to work with, although that shouldn’t prevent a designer to turn in a well-designed page. The team provided some feedback and questioned why the About page is not being built in Gutenberg yet. A thought for a future release.

#meeting-notes

#design-show-and-tell

Design meeting notes July 22

These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting’s agenda here. 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.

First up, @noahrshrader updates us on the progress of the Design Library in Figma.

Since last week:

  • Revised current components to get them closer to specification
  • Updated the Getting Started page to reflect current workflows
  • Improved some of general aesthetics
  • Adjusted the main text font to be closer to what’s in the product (now SF Pro Text; was SF Pro Display)
  • Added new components: Card, Color pickers, Blocks (a couple of the common ones)

Coming up:

  • Revise approach to the Proposals page. With the combined library, I’d like for it to be inclusive of all scenarios
  • Add missing components (from the list on the Components page in Figma)
  • Add additional starter blocks
  • Clean up organization of Components (some of this has already been started)

In the queue:

  • Incorporate CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. patterns

Next up, another 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/ update from @michael-arestad.

Gutenberg 8.6 RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. was released two days ago. Expect the release today. Highlights: Video position controls for the Cover 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., updated block patterns, and tons of fixesThe WordPress 5.5 deadlines are approaching. We have a potential patch next week to update block patterns before RC1.

In progress work:

Then, the docs team is looking for help making new videos of all the Gutenblocks for the documentation. If you want to help, reach out in the #meta-helphub channel.

Next, discussion centered on the 5.5 About page design @estelaris is working on. Check out those drafts on Figma and leave comments if you have more suggestions!

Next week is another Show and Tell Zoom meeting instead of a regular design meeting, if you have something to show, leave a comment below.

#meeting-notes

Design Team Meeting Notes July 15, 2020

These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. 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.

Housekeeping

We can still use more volunteers for note-taking and triage leading. Please leave a comment below if you’re interested.

Monthly ‘Show and Tell

Monthly ‘Show and Tell’ will take place on the 29th. Even though everyone has been busy with the release of 5.5 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. 2, we will still have the session.

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/

@michael-arestad brings Gutenberg updates: Here are the plans for Gutenberg in July. Getting everything ready for 5.5 is a major focus this month.

  • 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. patterns are just about ready to go. The initial patterns have been selected and all that’s left are a few tweakshttps://github.com/WordPress/gutenberg/projects/41. Props to @nrqsnchz.
  • A new 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. paradigm is in the works. Definitely take a look and let us know what you think.

WordPress Figma Libraries

@noah reports on the update for WordPress Figma Libraries:

Colors

  • There are two palettes: Primary, which is what we’ve been migrating towards and Classic which comprise many of the colors that are still used in both the editor and WP admin.

Remaining:

  • Improve naming conventions
  • Validate palettes
  • Include documentation around use

Typography

  • The main text styles have been identified, along with their accompanying values, such as size, weight, line height, etc.

Remaining:

  • Final review values for each text style
  • Include documentation around use

Icons

  • Currently, we’re supporting three icon libraries: Primary (G2), Material and Dashicons. Only the Primary and Material icons are available in this library, with Primary having precedence. Dashicons are intentionally downplayed with an explanation and link to the standalone library.

Remaining:

  • Finalize componentization of Material icons

Components

  • Many of the common components have been built and reviewed against what’s currently in the WordPress components package. I have also been going back through and fact-checking against what’s in the latest build of 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.
  • As you peruse the Components page, you’ll notice a dot to the left of the component name that’s either outlined or green. If green, those components are good to test, and I would encourage everyone to do so. Does the construction make sense? How does it hold up as you use it? Is it accurate?

Remaining:

  • Include remaining components from the Components list (this list is in Figma)
  • Include documentation around use
  • Promote testing and use of these components

Views

  • Completed components will eventually be grouped in clusters (atomic organisms) and added into templates/views. You can already see this with the block inserter and editor headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. clusters.

General

The following is a list of items outside of what was mentioned above.

  • Add Getting Started documentation (next week)
  • Add Proposals documentation (next week)
  • Clean up component frames (improve consistency, balance and organization)
  • Migrate utilities outside of library

Discussion

  • Project related documentation – On TrelloTrello Project management system using the concepts of boards and cards to organize tasks in a sane way. This is what the make.wordpress.com/marketing team uses for example: https://trello.com/b/8UGHVBu8/wp-marketing. board, we have the Figma reorganization and updates to the handbook.
  • For the Handbook- Currently there are no updates as most of us have been focusing on 5.5.

Open Floor 

  • @folletto pointed out that in Gutenberg 8.5.1 the new inserter panel when opening it closes the settings panel, and then it doesn’t reopen. Was this already discussed? @youknowriad & @nrqsnchz shared the link to PR 20951 with something similar. @folletto opened a PR to discuss the behavior of the issue.
  • The ‘About Page for 5.5’ in the form of the ticket was discussed in detail.

#meeting-notes

Design Team Meeting Notes July 01, 2020

These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. 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.

First, Housekeeping. We can still use more volunteers for note-taking and triage leading. Leave a comment below if you’re interested.

Next, @michael-arestad brings 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/ updates:

  • Gutenberg 8.5 RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. will be released on Monday and will be the release going into WP 5.5.
  • @noah has been busy working on the Figma library
  • The new template issue could use some feedback
  • Image editing is available with this update
  • @annezazu published for the FAQ for the FSE outreach experiment.

Requesting everyone to provide any feedback that can be given to the new template issue as the team is busy right now pushing as much as to be prepared for WordPress 5.5.

@noah and @ibdz reports on the update for WordPress Figma Libraries:

  • Updates are on the way to incorporate the new 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. Editor patterns, as well as some general cleaning to make these more relevant
  • @noah is building out the new elements in a page called “In Progress” in the Components and Patterns files. Various icon libraries is also being brought into a centralized location, which can be found here: https://www.figma.com/file/3O5hl33MYt8YPWcRWWuwNv/WordPress-Icons
  • @noah will write a p2 post on ‘Improvements to the Figma Libraries

@ibdz has been exploring some workflows to automate the process. Currently testing and experimenting with React-Figma but the result is still far from expectation.

Discussion

In regards to HelpHub @estelaris wrote a p2 post trying to define users and categorizing the articles into 4 big pillars (these are not final yet). @mapk suggested the following categories:

  • WP basics – overview, features, history, glossary, semantics, contributing.
  • Technical documentation: installation guides, requirements, best practices, technical how-to, security, troubleshooting.
  • Support documentation – dashboard structure, user permissions, screens, media screens.
  • Project related documentation – customization, themes & plugins, design how-to’s (blocks):

Open Floor 

  • @joen created a new WP-Admin color scheme “Modern”. It’s ready to merge and brings high contrast blue colors as well as some consistency with the new Block Editor colors. The patch attached to the ticket purely provides an optional color scheme called “Modern”, and it is not a default scheme. If it were to become default in 5.6, it needs to go through the ringer on many levels. It primarily does 2 things:
    • brings darker background color to the menu, and a lighter text color, increasing contrast.
    • adds a new spot color, a rather luminous blue that has great contrast properties against white.
  • @ryrlle brought in a Github PR that adds a “private content” container block so that the organizers can share content only with people who have bought tickets. For example, online event organizers want to be able to share Zoom links without worrying about zoom-crashers. @estelaris is looking for input on the editor view of the block.
  • @joedolson is currently working with @nrqsnchz and @ryelle towards the issue associated with 49999.
  • We are also seeking feedback on the tickets 50169 & 48894.

#meeting-notes

Design Team Meeting Notes June 24, 2020

These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. 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.

First, Housekeeping. We can still use more volunteers for note-taking and triage leading. Leave a comment below if you’re interested.

Now, @michael-arestad brings 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/ updates: The next Gutenberg release 8.5 to be released on the 6th of July will be the one included in WordPress 5.5.

  • @itsjusteileen and @annezazu have been working on the #fse-outreach-experiment – It’s a great opportunity to get early regular feedback on our progress in FSE.
  • There is an experiment to improve drag and drop shepherded by @joen that We’re particularly excited about.
  • Reusable blocks are likely to get their own tab in the inserter
  • @nrqsnchz and I are starting work on designs for creating a new template. Stay tuned!

Meeting Between CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.-CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. and Design Team

  • The Meeting is on Thursday 17:00 EDT in the #core-css channel; find your local time
  • We will be chatting about Color Name Conventions, in specific colors.
  • Some time is needed to get organized as far as categorizing colors/etc.
  • Color naming convention is a huge item and we will continue discussing with the #core-css until we reach our goal.

Discussion

The TrelloTrello Project management system using the concepts of boards and cards to organize tasks in a sane way. This is what the make.wordpress.com/marketing team uses for example: https://trello.com/b/8UGHVBu8/wp-marketing. board is an item brought up in discussion as the team would like to know if the process is still working to track design requests from other teams. For the moment, the team had no suggestions so we decided to keep it as is.

Open Floor 

  • @sageshilling is working on a reusable image 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.. She will start a PR and bring it to the team for feedback.
  • @noah is working with @ibdz on organizing the Figma libraries and asked for feedback on the document. If anyone needs access to Figma, send a PM to @estelaris. https://docs.google.com/document/d/1vhj4uxXk6wn6L5i_R1F5GIu3OU3WzeE_0kTx89SWbI0/edit?pli=1#heading=h.d8dn9qwdokto
  • @estelaris brought up the duration of core/metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. triage as an issue. The original meeting lasts only 30 minutes. This week, she ran core triage for a full hour and managed to cover 2 full tickets. She will write a P2P2 P2 or O2 is the term people use to refer to the Make WordPress blog. It can be found at https://make.wordpress.org/. on this to ask the design team members if anyone agrees to increase the time to a full hour.

#meeting-notes

Design meeting notes June 17

These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting’s agenda here. 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.

First up, housekeeping.

We are still looking for volunteers to take notes and run triage (either coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. triage or 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/ triage). If you are interested, leave a comment!

Next, @michael-arestad showers us with updates:

Gutenberg design update:

  • There is a new proposal for integrating the media uploader/inserter into Gutenberg. It will be discussed in the #core-media channel June 18th at 4 PM UTC.
  • There have been some minor updates to the “Add template part” flow moving closer toward the proposal here.

Core CSS meeting recap:

  • Discussion was centered around naming conventions and possibilities for complexity of variables
  • All colors in the wp-admin should be controlled by the color schemes
  • There is a plan to come up with color “buckets” to prevent us from having to target every use of a color individually when writing color schemes
  • Here’s a cool experiment from @ryelle that removes all colors
  • We did get a bit into naming and philosophies but not decisions were made
  • Chat will continue June 18th at 9 PM UTC in the #core-css channel.

Two calls for feedback this week, one from the Docs team regarding the External linking policy, and one for the WP notification center proposal. Please leave your comments on those posts.

For the discussion, we dove into how to improve and maintain our Figma library of design components. Main pain points are that it’s hard to navigate, not up-to-date, and nobody who’s responsible for maintaining it. @ibdz spearheaded a document to collaborate on and gather input from the likes of @noah @davewhitley @melchoyce, and YOU! If you work with Figma or another design library, leave your thoughts in that doc so we can figure this out.

Finally, @michael-arestad briefly discussed template parts in Gutenberg, and how to differentiate them from 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. patterns in the UXUX UX is an acronym for User Experience - the way the user uses the UI. Think ‘what they are doing’ and less about how they do it.. It’s hard because technically they are the same, but with different use cases. A post will be written soon with details.

#meeting-notes

Design Team Meeting Notes June 10, 2020

These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. 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.

First, Housekeeping. We can still use more volunteers for note-taking and triage leading. Leave a comment below if you’re interested.

Now, WCEU 2020 Contributors Day Experience.

  • We had between 20 and 30 new contributors at all time
  • We had a lot of great comments about @michael-arestad ’s JAM
  • Overall it was a success.

Meeting Between CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.-CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. and Design Team

  • The Meeting is on Thursday 17:00 EDT in the #core-css channel; find your local time
  • We will be chatting about Name Conventions, in specific colors.
  • Anyone interested is welcome to attend.

Next, @michael-arestad brings 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/ updates

  • 5.5 work is ramping up. If there is anything editor-specific you would like to see in 5.5, please let me know.
  • @annezazu has been working on some documentation and wrangling proper feedback tools for the FSE outreach program. This will be a great program to get early feedback on the work we do.

New to Gutenberg:

  • New design tools are coming to the next release of Gutenberg that include padding controls for the cover 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. and link color controls for paragraph blocks (and a few others).
  • Blocks now get a nifty parent block selector courtesy of @shaunandrews
  • Block categories in the inserter have been updated.

Announcement

  • @karmatosed is out on sabbatical and will be back on 1st September.

Discussion

  • The handbook pages were recently re-organized to be more coherent and there are a few pages that need to be written or revamped. Here is the link to the TrelloTrello Project management system using the concepts of boards and cards to organize tasks in a sane way. This is what the make.wordpress.com/marketing team uses for example: https://trello.com/b/8UGHVBu8/wp-marketing. Board https://trello.com/c/vtK848vz/167-new-handbook-pages-edit-and-iterate
  • If you have any comments on the handbook pages or would like to collaborate with the design team, please leave a message in the comments or pingPing The act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.” @idbz or @estelaris on Slack
  • Suggestions by @ibdz for adding new pages in Handbook:
  • @ibdz further suggested considering Components Library for G2 design in Figma for discussion
  • @michael-arestad finds the following sensible for Libraries:
    • wp-admin
    • Gutenberg
    • Dashicons

#meeting-notes

Design meeting notes 3 June, 2020

These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. 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.

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/ update

The Gutenberg team needs help with those PRs, please check them out and comment.

WCEU Contributor dayContributor Day Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/. tasks

Contributor day will take place on June 4th, from 13:00 to 18:00 UTC. We decided on the following agenda for Contributor day

  • Welcome
  • Intro to what design team does in this channel? @estelaris 
  • What is triage? @karmatosed to lead that and show coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./gutenberg.
  • JAM! @michael-arestad
  • Handbook session @estelaris

Open Floor

@joyously brought up that the CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. meeting indicated they wanted to get more involved with design on a possible solution for admin color schemes using CSS variables.

@nrqsnchz, @ryelle and @joedolson started work on color schemes and dark high-contrast.

Several opinions were given, the team recommended that it was best to meet in the #core-css chat meeting to discuss naming convention with the CSS team. The meeting has been scheduled for Thursday June 11 at 9:00 pm UTC. Anyone interested on color naming convention is welcome to attend.

#meeting-notes

Design Team Meeting Notes May 20, 2020

These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting agenda here. 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.

First, Housekeeping. We can still use more volunteers for note-taking and triage leading. Leave a comment below if you’re interested.

Next, @michael-arestad brings 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/ updates.

  • Pattern searching
  • UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. parity work between edit-post and edit-site
  • Improvements to the cover 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. are underway including adding padding controls, improving color controls, and improving background controls
  • Work is being done on rich image editing
  • Continuing work on the template part flows, how they could fit with a site-wide column grid, and hopefully flows for setting up a new template
  • The Welcome Guide has been improved
  • A few more block patterns have been added
  • The Widgets screen is coming along nicely.

Features shipping with the Release of 5.5: (planned for sometime in August 2020)

Certain about delivery of the following items

  • Block UI Redesign
  • Block Patterns
  • Hundreds of small improvements and bug fixes

Uncertain about delivery of the following items

  • Navigation screen and block
  • Block based widgets screen
  • Global styles

Announcement

Discussion

  • Adding a Figma access request rule to our handbook
    • Background: Since we want to give access to everyone that needs access but some people only need View permissions while others need Edit. The Editors count towards our limit, while viewers don’t. Suggestion for the default permission should be ‘View’ and permit ‘Edit’ only when requested.
    • View Access will allow copy/paste permission only.
    • This will also be added as a rule in the Design Handbook.

Finally WC EU Contributor Day:

#meeting-notes

Design meeting notes May 13th

These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting’s agenda here. 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.

First, housekeeping. We can still use more volunteers for note-taking and triage leading. Leave a comment if you’re interested.

Next, @michael-arestad brings 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/ updates.

  • Gutenberg 8.1 RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. was released last Monday.
  • Here’s an overview of what we’re working on in May.
  • There is some interesting work being done on the Query block.
  • 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. navigator is getting some new useful tools.
  • The welcome guide is getting a pretty great design update.
  • The navigation block is seeing some forward progress (over a series of issues) with @karmatosed leading the design of several.
  • Work is being done on an idea for template areas to function a bit more like adding a section (prototype) based on a discussion from last Friday.

Some exciting news: we are participating in Google’s Season of Docs! https://developers.google.com/season-of-docs This will help with the exploration of the new categories for documentation that will be included in the redesign of documentation.

Then, @ibdz updates us on the work being done on the Design Team Handbook to improve the flow and usefulness. Current content is being re-ordered, and soon the pages that need it will be (re-)written. Hopefully this will also help the onboarding process for Contributor DayContributor Day Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/..

Speaking of contributor day, Office Hours for onboarding new contributors should be planned. Volunteers to keep an eye on the design team slack channel and help anyone with questions would be greatly appreciated. Leave a comment below if you’re interested.

For Contributor Day itself, there are some suggestions for tasks:

  • Updating Gutenberg components
  • Picking up CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. needs-design(-feedback) issues on TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/.
  • Picking up Gutenberg needs-design(-feedback) issues 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 be the repository owner. https://github.com/
  • Reclassifying articles with the Docs team
  • Seeing where the Notification Center proposal is at, but that may be quite big

We agreed to start reviewing tickets with needs-screenshots for new contributors and having Monday 1 June/Tuesday 2 June triage as part of the on-boarding process.

#meeting-notes