Another Friday another iteration of the plugin that…

Another Friday, another iteration of the plugin that makes even the fauxgo look good and you shouldn’t use. Calling 0.5 “Aureolin” aka #FDEE00, which doesn’t stand for anything just like MP6.

Notifications

Alerts and notifications need more love, but we’ve made a first pass at them. They could be significantly improved if we introduced more classes in addition to .updated. For example; a .successful class added to the notification shown when a post is published or WordPress is updated. When a 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 update is unsuccessful, we should use the existing .error class. We could also use .updates when showing that updates are available, or .info when an alert is used to provide don’t-miss information. I’m sure there are more; let us know your thoughts in the comments.

Other miscellaneous notes:

  • Stop squinting: WordPress is almost ten years old and needs bigger fonts. We’ve increased the base font size to 14 pixels with nothing smaller than 12 pixels as a rule. We think this has done a lot for legibility, though some areas may still need adjustments.
  • Help tabs now match the new active/inactive styles used elsewhere. Props to Joen for this.
  • Switched to dashicons for view switches and post format icons.
  • Rewrote the Open Sans font rule so it doesn’t interfere with specifically declared fonts used elsewhere (i.e. monospace elements).
  • Login simplified.
  • Many more small adjustments; see the full revision log for details. (It’s amazing how fast things can move when everyone has commit.)

An experiment within an experiment

As we melt away the layers of aesthetic cruft accumulated over many years, we start to notice more “first world problems” — things that didn’t seem like that big of a deal before because there were more fundamental problems but as we fix those the higher-order problems are more grating.

There’s scope creep, and there’s scope taming — taking the wild beast of scope and conquering it so thoroughly with the coordinated effort of a diverse, unified, and motivated team that Friction and Resistance melt away before you. I was initially skeptical we could tackle the following in MP6, but as our open approach has attracted new people and also more effectively leveraged contributors who might not have as much time I’m proud to announce:

  • We’re responsive. We’d originally thought that this was outside the scope for MP6, but a strong initial effort by Andy Peatling convinced us it could be done. We’re adding support page by page so no need for individual bug reports just yet, if you have questions or suggestions please leave them in the comments here.
  • There’s a fixed-position menu bar. It only floats if the viewport is taller than the admin menu, and it’s disabled on all smartphones and tablets (except iPads). Users should disable the Floating Admin Menu plugin, if installed. Props to Till Krüss for bringing his plugin into MP6 to enable this functionality.

These are done as sub-plugins within MP6 directories we can easily disable if they get in the way of our coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. goal of creating a new unified aesthetic ready to be in core.

Always forward…

The team will be meeting in #wordpress-ui at April 1st, 2013 1pm CDT to go over this week’s edition and discuss your ideas for the next one. We’ll follow it up with our next release a week from today on April 5.

This week included contributions by Joen Asmussen, Mel Choyce, Ben Dunkle, Isaac Keyet, Till Krüss, Andy Peatling, Samuel Wood (otto), and MT. Many thanks as well to all of you who have commented here and participated in the weekly chat; your feedback has helped shape our work.

#mp6

MP6 version 0.4

It’s Friday, so here’s a little something to make the weekend feel like it’s getting here faster: this week’s update to MP6, version 0.4. This was a short week for the team so there’s not as much as in the last couple of versions, but there’s still plenty here that we’d like your feedback on. Here’s what’s new:

  • The MP6 toolbar styles now load on the front-end of your site, so we can see how themes interact with the slightly darker, flatter, larger toolbar design.
  • The Plugins page has been re-thought, eliminating the opacity change for inactive items in favor of a blue border and background to denote activated plugins. We were aiming for something that wouldn’t be overwhelming if you have a long list of all-activated plugins, but that provided for more contrast between active and inactive items than the current design.
  • Updated MP6’s styling in the Menu management page; this is still unfinished.
  • New checkboxes are larger (easier to click/tap) and unify the visual styling of checkbox elements across almost all browsers/platforms.
  • Replaced more PNG raster icons with vector Dashicons — arrows, calendar icon, collapse button, etc.

There are a number of items that have been discussed in the comments and on IRC — just because you don’t see them here yet doesn’t mean we’ve decided not to do it — just that we haven’t done it yet. So keep sharing your ideas and suggestions please; but don’t assume anything you see is considered absolutely final just yet.

This week’s edition includes contributions by Ben, Mel, Otto, and myself. Thanks also to Mark J, Joen, Matt and all the others who offered feedback that made it into this week’s work.

We’ll once again meet in #wordpress-ui on Monday, March 25 at 1800 UTC to go over this week’s edition and discuss your ideas for future iterations. That will be followed by the release of the next version a week from day on March 29.

Looking forward to your thoughts and ideas for improvements!

#mp6

MP6 version 0.3

Thank goodness it’s Friday! Because Friday means it’s time for an update to MP6. As we’ve mentioned before, this is not intended for the general public, just for savvy WordPress enthusiasts eager to preview or contribute to a re-imagination of our collective home, wp-admin.

On Monday we met on IRC in #wordpress-ui to discuss feedback on last week’s iteration. We’ve taken that feedback, plus the comments left here on this 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/., into account in what we’ve done this week. Here’s what’s new:

  • Almost all icons are now served from the Dashicons font. Work continues on the remaining raster icons.
  • The Plugins page now has borders and more padding between rows in the table. Opacity is only used for text, so their checkboxes stay fully opaque.
  • .widefat tables, .postbox divs and other containers have a deeper drop shadow and a new 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. design that more clearly defines the container from the background, and the header from the rest of the element.
  • Folded menus now get a small arrow for the current section. The way the arrow appears/disappears with the submenu isn’t great; if we remove the delay on submenus this might not be an issue.
  • The tabbed style of the Appearance section header has been removed.
  • The WordPress logo on the About page is now an SVG.
  • Page headers are now regular instead of light weight.
  • Admin color options are hidden when MP6 is present, as the plan is to only ship with one color scheme (though it will be even easier than before to customize your own).
  • The new comments/updates notification bubble is now #d54e21 instead of gray, to give it more emphasis.
  • We’ve included an example of a 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 icon in SVG format. We chose Jetpack as a common plugin that users might have installed alongside MP6. This is our suggested design for plugin icons, but not yet the final suggested method of implementation.

Here are things that we discussed in feedback, but didn’t implement this week:

  • Test new values for green/amber/red status text.
  • Make adjustments to the secondary button styles for more contrast with the background.

This week includes contributions from Ben, Mel, Isaac, Joen, Otto, and myself. Many thanks as well to those who gave their feedback, ideas, patches, and bug reports during Monday’s meeting.

Like last time, we’ll do office hours on Monday to discuss next week’s iteration, followed by version 0.4 on next Friday; March 22. To save myself the time zone embarrassment from last time, let’s aim for 1800 UTC, whatever time that happens to be wherever you are in the world. Arrive an MP6 enthusiast; depart an MP6 contributor!

#mp6

As a continuation of the work begun in…

As a continuation of the work begun in coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. for 3.6, I’d like to present you with the first iteration of the MP6 plugin. (Contents may have shifted or settled in shipping.) As it says on the tin, this is not intended for the general public, just for savvy WordPress enthusiasts eager to preview or contribute to a re-imagination of our collective home, wp-admin.

From the base of what was in trunk 3.6 last week, here’s what’s new:

  • A visual treatment for the toolbar and menubar that visually unifies the two and reduces clutter.
  • Flatter visual styling, with square corners, for tables and grouping elements like .postbox.
  • Increased saturation of the traditional WP blue (old vs new comparison: http://cl.ly/image/1X2G3X1Y0y2g ).
  • A splash of color to denote the current menu item. (gasp)
  • Removed the burnt orange hover state in favor of a lighter blue.
  • Single-color icons are now served via an icon font, making them load instantly and look crisp at any zoom factor. (The speed is noticeable on slower connections, like Gogo.) We can also use these for mobile apps.
  • Consistent typography for all operating systems by including the Open Sans web font. (Cognizant of complications embedding this could entail.)
  • Added padding between links in the menu for easier touch navigation, important as the majority of internet interaction will happen on touch devices within a few years.
  • Lightened the page background using white backgrounds for grouping elements and a gray background for the body.
  • Removed the large 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. icons for a cleaner look at the top of the page. Reduce, reuse, recycle.

“Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.” — Antoine de Saint-Exupery

This week included contributions from MT, Joen, Ben, and Otto.

It’s worth noting that we don’t anticipate to support an alternative admin style (blue) like the current admin does, but the simpler visual language and icon font makes it infinitely more flexible for people to customize the color scheme of their admin.

There will be office hours on Monday with MT to discuss next week’s iteration, and then version 0.3 will come out March 15th. Come by with ideas, ruminations, rants, soliloquies, haiku, hex codes, complaints, beard grooming tips, and bike sheds. We plan to continue doing weekly iterations, to try at least one new thing per week, until it’s ready for core. The only constant is change. 🙂

#mp6