Design update 14th July

The design team are now posting individual updates each week, this post is a summary of the updates from there. If any other teams have design they need help with, please also let us know. You can either add as a comment to the post on make/design, add a comment here, or you can ask directly in #design on SlackSlack Slack is a Collaborative Group Chat Platform The WordPress community has its own Slack Channel at

Worked on/released this week:

  • Dashicons: removed external `brew`, `fontforge`, `ttfautohint` dependencies from the build system, now to build Dashicons only node and grunt are required: @folletto
  • Dashicons: fixed a bug introduced by the above that wasn’t able to parse certain SVGs.: @folletto
  • Dashicons: updated README instructions with indications 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. and the community Slack channel.: @folletto
  • Shed light on what worked / didn’t work from failed “Image Flow” project: @sonjaleix
  • Converting a bunch of widgets to blocks: @melchoyce
  • Design triage: @melchoyce and @karmatosed
  • We released 0.4.0 of Gutenberg this past Saturday: @joen
  • Gutenberg demo video: @mapk
  • Reviewing some of the Gutenberg reviews: @mapk
  • Gutenticketing – Followup on a number of tickets. A bit of a quieter week, trying to give feedback on some of the 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. related issues coming up: @joshuawold
  • I thought a lot about how to get started on the design workshops task in TrelloTrello Project management system using the concepts of boards and cards to organize tasks in a sane way. This is what the team uses for example: @annaharrison
  • Gutenberg: blocks (made my first designs), support and generally triaging. We now have a ‘design’ and ‘design feedback’ label: @karmatosed
  • Tested codemirror 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: @karmatosed

Currently working on:

  • Handbook, onboarding and wpDo: @folletto
  • Final WCEU17 design team wrapup: @sonjaleix
  • Planning 4.8.1 with @westonruter and @jeffpaul: @melchoyce
  • Iterating on 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.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. designs: @melchoyce
  • Page on front: @melchoyce
  • Gutenticketcontinuing – Some more of the same, as well as attending a few of the Make #Slack meetings: @joshuawold
  • Put some very early ideas on paper: @annaharrison
  • Dashicons 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. Longer term, converting wp-admin to svg only instead of fonts for dashicons: @empireoflight
  • Gutenberg: blocks, media focus, supporting where can: @karmatosed
  • Media: flows for existing and Gutenberg: @karmatosed
  • Mobile editing of theme and plugins experience.: @karmatosed

Need help with:

Full update post here.