Categories
Design WordPress Work

Block Highlighting and Selection Explorations, Iteration One

Some random explorations around highlighting and selecting elements within Gutenberg, the WordPress block editor.

Categories
Design WordPress Work

Block Patterns, Draft Animatic, Iteration Two

An exploration of adding more complex groups of blocks, called Block Patterns, to the WordPress block editor, Gutenberg.

Categories
Design WordPress Work

Link Inserter, Iteration Two

An early design for the Link Inserter UI in the WordPress Block Editor.

Categories
Design Portfolio WordPress

Link Inserter, Iteration One

A very early design of the Link Inserter interface in WordPress. Experimental at the time this post was published.

Categories
Design Work

Communicate with Silent Movies

It can be hard to describe a visual idea with words. Thats why photos exist. But sometimes even a picture doesn’t get the job done. Thats why GIFs exist.

It can be hard to describe a visual idea with words. Thats why photos exist. But sometimes even a picture doesn’t get the job done. Thats why GIFs exist.

Soon, WordPress.com will have a new View Site menu that will show you a preview of your awesome website. One thing my team has been tweaking is the loading state. We’ve done our best to reduce the loading time, but sometimes you’ll have to wait. Them’s the breaks.

Take a gander at the following screenshot:

The static screenshot from Sketch does a pretty good job at conveying my intentions for the design, but it still requires some (written, or other) explanation.

Take a gander at the following GIF:

Adding some motion to the picture helps convey the idea without me having to explain anything. Now here’s a (not silent) video of how I made the GIF above:


I originally wrote and published this post over on Automattic.design on August 31, 2017.

Categories
Random

BIlly Joel and Jimmy Fallon

Simply amazing.

Categories
WordPress

Deleting a few plugins…

Screen Shot 2013-12-12 at 3.58.59 PM.png

Categories
Design

Go Marching, a Minimal Photo Theme for WordPress

I really enjoy taking photos. Not like, professional photos, but off the cuff pictures, usually with my iPhone. I’ve always wanted a theme that did nothing but show my pictures, and maybe a title and description. So I made one. I’m calling it Go Marching, as in “The ants go marching, one by one…”

The theme shows a single photo at a time, filling up the entire browser window. You can check out the initial version of the theme over at my (new) photo blog: http://photos.shaunandrews.com/

I plan to add a grid view for archives, as well as add support for comments. Once the code is a little more stable, I’ll see if I can submit it to the WordPress.org theme repository.

Categories
Food Photos

Memories of bacon past.

image

Categories
WordPress

The Past Few Weeks

The blog has been fairly quiet for the past few weeks, and with good reason! I’ve been in “mole mode,” working on a few WordPress plugins with the hope of getting them accepted into Core for the 3.8 release schedule to launch in early December. I’m happy to report that all three plugins have been accepted!

Widgets Area Chooser (WAC)
This plugin started as a suggestion from Matt. He mentioned in a Skype chat that the “simplest thing we could do” would be to provide a list of sidebars to choose from when clicking on an available widget. This was one of the first plugins I’ve ever built, and having a super simple scope made it doable. The old drag and drop method of adding widgets is still there, but the WAC makes it easier to add widgets when you have a lot of sidebars, on mobile and touch screen devices, and for users who find it difficult to use a mouse.

Theme Experience (THX)
Matías Ventura first proposed the THX project when development began on WordPress 3.7. The goal was to make the experience of installing and browsing themes better. We started by talking to users and developers; We ran a survey and setup a few tests on usertesting.com. With some basic feedback in hand, we explored a bunch of designs. After a few weeks we had a solid direction for what we wanted to do:

  • Make browsing and installing themes incredibly fast.
  • Put big theme previews front and center.
  • Make it work across every screen size.

With some help from Sheri Bigelow, we ran some more user tests to see how our vision held up with real people, and started iterating quickly. After a few more weeks, we began thinking about what we wanted in – and could realistically have ready for – inclusion in WordPress 3.8. We decided to focus our remaining time on the browsing experience, leaving the install portion of the project for a future release.

MP6 (No clue what it stands for…)
The MP6 team has been doing awesome things for months, and is the poster child for the new “feature as plugins” development philosophy that WordPress.org now uses. My involvement comes at the very tail end of the project. Joen Asmusen mentioned my name when the team was discussing their plan to tackle the widgets screen. Since I was (and still am) leading the team that is focused on rethinking widgets, Joen suggested that I may have some ideas. I offered to spend some time coming up with some rough concepts. A few days later I sent Joen some code that resembles what you see in core today. I was asked to join the team and was given commit access to continue working on the widgets component. I felt honored and extremely lucky to work with some of the best designers and developers in the WordPress community.

This coming week marks the end of active development on 3.8, with a planned code freeze and beta release on Wednesday. Until then, I’m working on cleaning up code, bug fixes, and some last-minute enhancements and polish. I’m excited about the release of 3.8, and the future of WordPress in general!