Today in the Nightly: Inline link toolbar and Press This split button

Here are two cool things that recently landed in trunk and are available right now in the nightly build. Install the nightly. Try them.

Inline Link Toolbar

Being able to visit links straight from the editor means no more copy paste into the browser’s location bar. Nice. Also nice is being able to see the link without popping up the link modal.

Screen Shot 2015-06-26 at 1.04.59 AM

One time I tapped X thinking it would dismiss the toolbar.

One time I tapped X thinking it would dismiss the toolbar.

To test, visit the editor and click/tap into a link. The link toolbar will appear. If it does not, try forcing a browser refresh (Shift+Reload in Chrome on Mac OS). Provide feedack on  #32604 or in #core-customize or in reply to this post. Check out this make/flow post for more visuals.

Press This split button

Draft, preview, and standard editor are now in a split button with Publish.

Screen Shot 2015-06-26 at 1.39.13 AMpress_this_with_split_button_on_iphone_6_

 

 

To test, go to the Tools menu and check out the Press This section at the top. Provide feedback on #32757 or in #core-pressthis or in reply to this post.

#4-3, #editor, #link-toolbar, #links, #press-this, #today-in-the-nightly, #visual-comparison

Press This a YouTube video, iPhone 6+

Issues:

  • Tapping Preview often results in the editor focusing and the keyboard flying up rather than preview. Pressing a youtube video and tapping into the editor before previewing is the most reliable way I’ve found to reproduce this.
  • Preview opens in a new window. This is really bad mobile usability that is shared by post-new.php.
  • The publish bar does not persistently remain on the screen. Sometimes it ends up at the end of the big chunk of whitespace that iOSiOS The operating system used on iPhones and iPads. puts below the editor. A lot of scrolling is required to reach it. This seems to happen in association with the preview bug mentioned above.

#forked-flow, #ios, #new-tab-window, #open-in-new-window, #phablet, #press-this, #preview, #safari, #vizrec, #web

Single image post with preview, Press This, iPhone 6+

4.2-beta3-31975

#4-2, #mobile, #press-this

Press This a YouTube video via Scan, iPhone 6+

Press This 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 0.0.6-20150212

Notes:

  • Tapping into the Scan field triggers a zoom that pushes the Scan button off screen. You must either scroll right or pinch to zoom out to see the button again.
  • Videos run off the right side of the content area and cause hscroll issues. The only safe places I found to hscroll are the title field and the editor button bar. I could not hscroll when swiping in the editor or in the sideloaded image preview strip.
  • I’ve liked the automatic quote pull in most situations, but there were a couple where I had to select and cut. I edited the quote in the flowFlow Flow is the path of screens and interactions taken to accomplish a task. It’s an experience vector. Flow is also a feeling. It’s being unselfconscious and in the zone. Flow is what happens when difficulties are removed and you are freed to pursue an activity without forming intentions. You just do it.
    Flow is the actual user experience, in many ways. If you like, you can think of flow as a really comprehensive set of user stories. When you think about user flow, you’re thinking about exactly how a user will perform the tasks allowed by your product.Flow and Context
     above because of ellipsis in the middle of a sentence.
  • After publication, the published page is shown. I like seeing content in its real context after publishing, but I also want to get back into press this so I can Scan and post again. We’re optimizing for a one-way, single-shot sort of flow right now, but let’s keep the possibility of chaining in mind.

#press-this

Press This, copy and add bookmarklet, Macnchrome, 4.2-alpha-31432

Old:

New:

Since I have cloudup set to copy links to the clipboard after every screenshot, my bookmarklet selection would get stomped as I went about business in the bookmark manager. Flipping back to the press this tools screen and doing Cmd+c put the bookmarklet back into the clipboard without having to click anything. Once back in the bookmark manager, however, the Add Page operation cancels out and any thing you have input so far, such as the bookmark name, are lost. The add bookmark flowFlow Flow is the path of screens and interactions taken to accomplish a task. It’s an experience vector. Flow is also a feeling. It’s being unselfconscious and in the zone. Flow is what happens when difficulties are removed and you are freed to pursue an activity without forming intentions. You just do it.

Flow is the actual user experience, in many ways. If you like, you can think of flow as a really comprehensive set of user stories. When you think about user flow, you’re thinking about exactly how a user will perform the tasks allowed by your product.Flow and Context
for new Press This is better than the old flow thanks to not having to right click to expose the bookmarklet text area, but cut-and-paste is not very friendly in either case. New Press This requires an extra click to highlight the textarea after it is exposed. Old press this shows and highlights the textarea with one right click. New press this requires left clicking the Copy Press This Bookmarklet button and then clicking into the textarea. New Press This is much more discoverable, however.

#comparison-vizrec, #flow-comparison, #press-this

Press This, Drag Bookmarklet, Macnchrome

CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. 4.2-alpha-31427, PT 0.0.6-20150212

Old:

New:

 

#comparison-vizrec, #flow-comparison, #press-this

Press This, add bookmarklet, iPhone 6+

CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. 4.2-alpha-31427, PT 0.0.6-20150212

Old:

IMG_0456

The Press This bookmarklet is not installable.

New:

 

#comparison-vizrec, #flow-comparison, #press-this

Press This, blog an image from the camera roll, iPhone 6+

CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. 4.2-alpha-31427 and PT 0.0.6-20150212.

Entry point is a bare press-this.php link.

Old:

New:

 

#comparison-vizrec, #flow-comparison, #press-this

Press This, continue in full editor, Macnchrome, 4.2-alpha-31427, PT 0.0.6-20150212

Old:

New:

#comparison-vizrec, #flow-comparison, #press-this