Ready to get started?Download WordPress

Make WordPress Design

Recent Updates Page 2 Toggle Comment Threads | Keyboard Shortcuts

  • Siobhan 6:20 pm on January 8, 2015 Permalink

    Image Flow Meeting Notes – 8th January 

    Thanks everyone who attended the Image Flow meeting! It was a very full Google Hangout :) Here’s what we discussed:

    • we did a quick roundup of the current members of the team, and introduced Konstantin and Stephane who are joining us
    • the prototype has been refactored into angular.js. Roy has also written an extensive readme.
    • if you’re planning on working on one of the flows just ping @teamadesign and he’ll assign it to you.
    • we’re working on a better project management process. We may just use Github. I’ll explore the different options with @samuelsidler when he gets back
    • we discussed having a user testing sub-team. This is going to be led by @mor10. when they start testing he will run weekly meetings and feed back actionable information to the development team.
    • @pabloperea is going to flesh out the gallery flows into full wireframes
    • we discussed doing a walkthrough of the current wireframes to get all of the new developers up to speed. We discussed doing a video of this. However, we could just do a hangout and record the hangout and post it.
    • @teamadesign is going to come up with a list of icons. I’ve spoken to @empireoflight about designing them for us :)

    Here we are:

  • Siobhan 3:35 pm on January 8, 2015 Permalink

    Image Flow Meeting Agenda 8th January 

    Happy New Year everyone! I hope you’re still excited about making those images flow :D

    Today’s our first meeting of 2015 (17:30 UTC), and to celebrate I thought I’d post an agenda.

    1. Review of current team resources (we may have some additional team members for 2015)
    2. Review of prototype status
    3. Plan for moving forward
    4. Plan for user testing

    I’m still unsure if we’ll meet on Slack or on Google Hangout. It depends how many people show up (we have a limit of 10 people in Google Hangout). I’ll post in the Slack room (#feature-imageflow) to see how many we have.

    • Tess 4:15 pm on January 8, 2015 Permalink | Log in to Reply

      Hi Siobhan,

      I’m a San Francisco user researcher and am interested in contributing volunteer user testing to WordPress. I’m not sure if I’ll be able to attend the meeting today (or even how I would do so), but please keep me in mind as you move forward.

      You can learn more about my past work on my website, http://www.tessrothstein.com or by emailing me (tessrothstein@gmail.com). I’d love to chat, so let me know if you have questions!


    • Siobhan 4:56 pm on January 8, 2015 Permalink | Log in to Reply

      Hi Tess!

      We have a room in the WordPress Slack team – #feature-imageflow. If you’re not signed up for Slack yet you can find information here: https://make.wordpress.org/chat/ Generally the team hangs out in there and discusses things in between meetings.

      We have a small team who are focused on user testing and we’d love to have you on board. We’re waiting for more progress on the prototype, then we can start testing it.

      Let me know if you have any more questions :)

    • Tess 2:02 am on January 13, 2015 Permalink | Log in to Reply

      Super. Thanks for the intro, Siobhan!

  • Mel Choyce 6:29 pm on January 4, 2015 Permalink

    The Future of Dashicons 

    During the WordPress Community Day following WCSF, a group of us (@ryelle, @empireoflight, @michael-arestad, @liljimmi — am I missing anyone? Maybe @markjaquith was there?) got together and discussed the future of Dashicons. Here are the notes from that meeting:

    Icon font, or SVG?



    • SVGs better rendered in browsers
    • Easier to maintain
    • The grunt process would be in core, so anyone can do it


    • Different steps of building
    • Drop icon (svg) into folder, run grunt
    • IE9,10,11 don’t support external svgs
    • JS library fallback
    • Originally this was a font due to IE8
    • grunt would compile light/dark pngs
    • Modernizr or hacky thing to add a class

    What’s the process for the new font?

    • Icons are all 1 .ai, each as a layer or artboard, exported to SVG
    • Or shortcut to SVGs
    • Grunt compiles a folder of SVGs to generate png, css, etc.
    • Optimize SVG
    • Grunticon to create pngs-> can be different colors
    • Combine SVGs into sprite
    • Pulled into core

    How to BackCompat?

    • Old fonticons would use .dashicons, new would use .dashicon
    • Enqueue old font for a while
    • Check JS to see if anyone’s using old font


    • We already have the folder of SVGs
    • Micheal going to Gruntfile
    • Ben use this process for Palm Tree, Tracy bringing in things that missed 4.0
    • Upload SVG to a ticket
    • Stay on the 20×20 grid, for consistency
    • Official guidelines and template (Mel)
    • Style guide!
      • Redirect to dev hub
    • Blog: where we’re going, pros and cons, btw demo page.

    Purpose of Dashicons?

    How far are we going? Everything ever?

    • No new third party icons
    • Keep small as possible, things are hard to remove
    • Keep focus on wordpress admin
    • Approval process for icons
    • Ben is best for stylistics, but whether the icon belongs is democratic

    Following the meeting, we redirected the github resource to Dashicon’s new official home at developer.wordpress.org/resource/dashicons/.

    Next up, we’ll want to start having meetings to get this process rolling. @ryelle has agreed to lead meetings, and has a preliminary mockup for the new process that we can talk about at our first meeting, which will take place some time during the week of the 12th-16th. What day/time works best for people?

  • Helen Hou-Sandi 7:08 pm on December 19, 2014 Permalink
    Tags: ,   

    I’ve just posted a potential CSS roadmap for core over on Make/Core. For those of you who don’t follow along there, I’d love your eyes and thoughts.

  • Siobhan 6:02 pm on December 11, 2014 Permalink

    Image Flow Update 11th December 

    Thanks everyone for attending the image flow meeting! Here’s what we discussed:

    • @sonjanyc put together the user flow charts last week would should help with building out the prototype
    • @teamadesign looked into the newest version of Foundation. Because it relies heavily on angular.js he’s decided not to use it.
    • @teamadesign is going to document the process of helping with the prototype and add the to github readme
    • we discussed putting together a spec and a spreadsheet for tracking. @samuelsidler will talk to @klosi about putting it together.
    • we discussed future plans for user testing. Although he wasn’t there, we agreed that @mor10 would be a good person to start looking into this :)

    Here’s the video!

  • sonjanyc 5:10 pm on December 10, 2014 Permalink

    Image Flow Update: User Flow Charts for Prototype 

    As we’re discussed in last week’s Image Flow meeting, we’ve started building a prototype as per our wireframes and user flows. We want to test our assumptions and have a prototype to get some early user testing started before we go into real development.

    The prototype is a collaborative effort which @teamadesign is heading off with help from @mor10, myself, and @pabloperea. It’s hosted on Github, so we encourage anyone who wants to help with this effort to get involved!

    In order to have a high-level overview of what we’re building and to be able to piece it all together in the end, I’ve created a Flow Chart with a high-level user flow that encompasses all scenarios and then broke out the different scenarios we’re focusing on in several phases to build the prototype. The idea is to complete a phase and do user testing on that single scenario while we’re building the next.

    The scenarios we’ll be building so far:
    1. User Adds New Image To Post
    2. User Adds Existing Image to Post
    3. User Edits Existing Image and Adds It To Post
    4. User Creates A Gallery
    5. User Inserts Multiple Pieces Into Post
    6. User Edits Image that is already inserted

    See below the different flow charts. You can also see the full PDF of the flow here.

    Image Flow

    Scenario 1: User Adds New Image To Post

    Scenario 2: User Adds Existing Image to Post

    Scenario 3: User Edits Existing Image and Adds It To Post

    Scenario 3: User Edits Existing Image and Adds It To Post (wires)

  • Siobhan 7:01 pm on December 4, 2014 Permalink

    Image Flow Update 4th December 

    Thanks everyone for attending today’s image flow chat. Here’s what we discussed:

    • Wireframes@pabloperea went through the wireframes. The only concerns that we had were that:

      1. the metadata input area on the back of the images might not be big enough. We agreed that these should be about 80% width, with the background greyed out.
      2. that there is no easy way for a user to deselect an image once they have selected a number of pages and started managing them in bulk mode. We discussed making it so that the user can deselect from the list of images at the bottom
    • Prototype – we took a look at the prototype. @teamadesign has started to put together the first flow. Before we move on, Aris is going to look at whether the most recent Foundation update to see if that can streamline the process, and Sonja is going to lay out the flows using the images in the wireframes.


    • @teamadesign – investigate whether we can use the most recent update to Foundation to streamline the workflow
    • @sonjanyc – put together the different flows using the wireframes

    In case you want to help/learn more:

    Here’s the meeting:

  • Siobhan 1:48 pm on November 26, 2014 Permalink

    No Image Flow this week 

    Just a reminder to all that there’ll be no image flow meeting this week. Enjoy your turkey-eating, american friends!

  • Mel Choyce 9:38 pm on November 24, 2014 Permalink
    Tags: theme-design   

    Theme Design Challenge Weekend 

    Hey folks,

    The WordPress Theme Review Team is going to be throwing a Theme Design Challenge the weekend of December 13-14. You can find the full details on the event at https://make.wordpress.org/themes/2014/11/24/design-challenge-weekend/. This is a great chance for designers who are interested in designing themes, but aren’t totally sure where to start or aren’t comfortable coding their designs.

    Hope to see you then!

  • Siobhan 1:53 pm on November 21, 2014 Permalink

    Image Flow Update 21st November 

    Thanks everyone who attended the image flow meeting! First of all, we’ve moved the meeting to Thursdays 09:30 PST/ 17:30 UTC. We’re sticking with the Google Hangouts for now. When we get on to development we’ll start using Slack for meetings. On to the meeting!

    1. Project Management

    @samuelsidler is going to be helping out with project management for image flow. He talked a bit about the process. At the minute the project is quite small but once we start getting in to coding the feature there’ll be lots of different elements to deal with.

    2. Prototype

    @teamAdesign set up the prototype on Github. It uses Foundation. @sonjanyc is working on building a template for the model. Aris is going to go through and add all of the screens. If anyone is interested in helping out with the prototype please join us in Slack (#feature-imageflow). We’re going to work through individual flows and start testing them on users.

    3. Wireframes

    @pabloperea is finishing up the desktop wireframes. We discussed a few design decisions:

    • lose the left hand sidebar
    • try to show the full image in the grid
    • toolbar to the side of the screen in mobile landscape

    4. Docs

    @azaozz suggested in the Slack channel that a good exercise would be to document the backbone stuff in preparation for the development work that needs to be done on the project. We’re looking for volunteers.

    Here’s the video:


compose new post
next post/next comment
previous post/previous comment
show/hide comments
go to top
go to login
show/hide help
shift + esc