Design Meeting Agenda 24 June 2020

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

  • Housekeeping
  • Updates from any specific focuses
    • 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/ 
    • Collaboration with #core-css team on a color naming convention
  • Discussion
    • 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.: is this process still working out for the design team?
  • 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

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 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 Meetings notes 6 May 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’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.

Housekeeping

We are still looking for note takers and volunteers to facilitate triage sessions. @chaion07 volunteered as note taker.

Updates

@mapk introduced the May focus for Gutenberg.

  • FSE
  • Global styles
  • Navigation-menu screen
  • and other refinements
  • PRs that have PRs ready for testing. If you would like to try out the new 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/ enhancements, you can do it with gutenberg.run in GitHubGitHub GitHub is a website that offers online implementation of git repositories that can 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/

Design updates for Gutenberg

Contributors Day at WCEU

There was a call for tasks that we could work on during contributors day. We have a comment from @mapk about Figma components but we would like to have more. Another task could be about colors/input styling consistency in Gutenberg. Please add to the post above.

Open Floor

Ste Dobrescu, a new contributor asked for advice on some work he is doing regarding CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. for the admin are in WordPress. The team provided some feedback and recommended he joined the #core-css channel where he can find more help.

@netpassprodsr introduced the idea of mentorship as a role for the design team. @karmatosed asked if anyone in the team is willing to write a proposal for the design team.

#meeting-notes

Design Meeting Notes 18 March 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’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.

Housekeeping

Spring forward begins next week! We are also looking for nominations for design team reps, nominations will close on 27th March.

Updates

@mapk mentioned a list of items that need focus to finish the full site editing project. If you are for looking into contributing with your own design, reviews or drop in any feedback, there is also our Project Board.

Open Floor

@joyously requested a review of the forums page as it needs a new design to make it easier for users to navigate.

@notlaura checked with the design team if there are any specific points that need to be addressed by the CSS audit of wp-admin, as discussed in the #core-css team

Below are some tickets to leave comments and recommendations, or drop by the @coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.-css meeting on Thursdays at 10:00 pm (UTC+01:00) on Slack

@ibdz would like to add Figma resources to the Design Handbook and more advice for new contributors who want to get involved. @mapk and @karmatosed to draft a post to say what we are doing and propose opening the design flows.

Design meetings are:

  • 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: Monday 17:30 UTC
  • 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: Tuesday 17:00 UTC
  • Design Team: Wednesday 19:00 UTC

#meeting-notes

#meeting-notes