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 releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. 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 Agenda 10th June 2020

This is the Agenda for the Weekly Design Team Meeting on Wednesday, June 10, 2020, 18:00 UTC

Meeting Agenda

  1. Housekeeping
  2. Updates
    • WCEU 2020 Contributors Day Experience
    • #core-css chat on Thursday 11 June at 21:00 UTC to discuss naming convention between Design and CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. teams
    • 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/
  3. Discussion
    • Design handbook, what pages shall we add to our handbook?
  4. Open floor

This Meeting is held in the #design channel in the Making WordPress 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/. Workspace.Leave a comment if you would like something reviewed, discussed, help or something added to the agenda.

#meeting-agenda

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 meeting agenda 3rd June 2020

This is the agenda for the weekly design chat meeting on Wednesday, June 3rd, 2020, 18:00 UTC

  • Housekeeping
  • Updates from specific focuses
  • Discussion
    • WCEU plans!
  • Open floor

This meeting is held in the #design channel in the Making WordPress 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/..

Leave a comment if you would like something reviewed, discussed, help or something added to the agenda.

#meeting-agenda

X-post: Ways to keep up with Full Site Editing (FSE)

X-comment from +make.wordpress.org/core: Comment on Ways to keep up with Full Site Editing (FSE)

WCEU Contributor Day – Design Team

Office hours, 28-29 May

Design team will hold office hours async during Thursday 28 May and Friday 29 May. Facilitators @chaion07, @ibdz, @karmatosed and @estelaris will be around all day to answer questions on how to contribute in the design team or help with on-boarding.

Office hours will be held in the #design WordPress 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 (WordPress.org Slack account is needed). If you are unsure on how to get an account, please leave a message on this post and someone will reply to help you.

We will also have triage demos on Monday 1 June at 16.30 UTC for CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. triage and Tuesday 2 June at 16.00 UTC for 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, both in #design WordPress Slack channel.

How to prepare for Contributor Day?

To contribute to any team at WordPress.orgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/, a user needs:

Meetings for design team take place in the #design WordPress Slack channel. In our meetings we don’t make decision but provide advice on design for both the WordPress software and its components (like Gutenberg) and the WordPress.org website.

We also focus on different projects that take a longer time to be completed.

Our projects require several tools, depending on what you choose. Having access to these accounts will help:

Contributors Day on 4 June

Registered contributors will received an email with the link to the Zoom call for the day. We will introduce the team and explain how we will be working. If you are interested in contributing to something specific, please let us know by commenting on this post or during the call.

For new contributors, the easiest way to begin is to do specific tasks in triage. We will focus on both Core and Gutenberg tickets that need screenshots. We have other tasks available for experience contributors.

If you need any help or have questions, team members will be available in Slack throughout the 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/..

If this is your first time in a contributors day, don’t be shy. The most important things about contributing are to enjoy yourself, be inspired and willing to learn as much as sharing your knowledge.

See you on 4 June at 13.00 UTC.

#contributor-day#wceu

Show and tell meeting for Wednesday 27th May

It is time for show and tell! At this time, there is no agenda so is your chance to add a comment and share something. Do you have something you are working on to share, it can be 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/, coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress., 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. or even a demo of something cool.

Maybe it’s something you want feedback on that you are contributing, or perhaps it’s something you are working on and would love to bring into the project. Now is your time to share! To share something, just add a comment here and you’re on the agenda!

The video link will be shared in #design on 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/. just before. Make sure you download zoom before. There will also be a recording, posted so you can watch async if unable to make the time.

#agenda#show-and-tell

Gutenberg Phase 2 Friday Design Update #54

Happy Friday! This post should catch you up with the latest design updates in 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/ right now. Let’s jump in.

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.

Improvements to the Cover block are underway. These include padding controls, color controls, and background controls. If you haven’t noticed, a really cool position control was introduced recently.

Cover block

Rich image editing

The Image block is getting some additional image editing features.

Rich image editing

Site navigation

Navigating through the full-site editing experience is coming along. This can be tested in the 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 right now.

Site navigation

Multi-entity saving

Also recently merged is a first pass at multi-entity saving. It allows the user to see a list of larger changes (especially global changes) that they did to their site before publishing them.


Ways to keep up with FSE

If you didn’t catch it, Anne posted recently about the various ways you can keep up with the work happening on full-site editing.


Get involved

Now is a great time to get involved. While the work on this project is intense, it is always important to glean new perspectives from other WordPress users and community members. Just drop into any of the links provided above to read up on the details, contribute, and leave feedback.

Thanks for reading, staying informed, and contributing anywhere you can!

#design, #gutenberg-weekly, #phase-2

X-post: WCEU 2020 Online Contributor Day: All that team facilitators and experienced Contributors need to know

X-post from +make.wordpress.org/updates: WCEU 2020 Online Contributor Day: All that team facilitators and experienced Contributors need to know

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