Ryan Boren 4:08 pm on February 24, 2016
Tags: android, editor ( 30 ), images ( 2 ), inline-image-toolbar, inline-toolbar ( 3 ), iOS ( 64 ), media ( 30 ), phablet ( 50 ), phone ( 22 )

Editor, Media: Inline image toolbar obscured by selection, copy edit toolbar, iOS

: iPhone 5

: iPhone 5

: iPhone 6+

Taping an image to bring up the inline toolbar results in a selection box around the image and the cut-copy-paste toolbar popping up. Depending on where you tap, the image toolbar can be unusably obscured. Tapping through to the buttons doesn’t always work. Editing posts that contain images is very frustrating on iOSiOS The operating system used on iPhones and iPads. devices. I often accidentally insert individual images into posts instead of galleries thanks to the media modal defaulting to individual insertion. Removing twenty images from content while dealing with the inline image bar is joyless.

Contrast with Android, which is well behaved.

: Nexus 5

: Nexus 5

#android, #editor, #images, #inline-image-toolbar, #inline-toolbar, #ios, #media, #phablet, #phone

Ryan Boren 3:59 pm on February 24, 2016
Tags: android, iOS ( 64 ), login ( 5 ), phablet ( 50 ), phone ( 22 ), wordpress.org ( 4 )

Log in: Visual survey of login.wordpress.org on phones

: iPhone 5: Loads with logo obscured

: iPhone 5: Expands beyond screen limits when error shown

: Nexus 5: Loads with logo obscured

: iPhone 6+: Wonky notification

#android, #ios, #login, #phablet, #phone, #wordpress-org

Ryan Boren 2:21 pm on February 24, 2016
Tags: 31195, 35875, android, chrome ( 28 ), customize ( 18 ), customizer ( 14 ), desktop ( 26 ), iOS ( 64 ), macos ( 29 ), phablet ( 50 ), phone ( 22 ), preview ( 6 ), safari ( 8 ), visual-survey ( 17 )

Customizer, Preview: Visual survey of customizer device preview

Screenshots from my testing sessions for #31195 and #35875.

Macnchrome, sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. expanded

: Phone device preview

: Tablet device preview

: Desktop device preview

Macnchrome, sidebar collapsed

: Phone device preview

: Tablet device preview

: Desktop device preview

Macnfirefox, sidebar expanded

: Phone device preview

: Tablet device preview

: Desktop device preview

Macnfirefox, sidebar collapsed

: Phone device preview

: Tablet device preview

: Desktop device preview

Tablets and phones don’t have device preview.

iPad Air

: Portrait

: Landscape

iPhone 6+

iPhone 5

Nexus 5

#31195, #35875, #android, #chrome, #customize, #customizer, #desktop, #ios, #macos, #phablet, #phone, #preview, #safari, #visual-survey

Brandon Kraft 3:15 pm on June 9, 2015
Tags: android, multisite ( 7 ), network admin ( 3 ), nexus 6, web ( 44 )

Network Admin, Nexus 6

Upgrading Themes, 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, CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress., and Upgrade Network

: Selecting the Updates Area

: Themes to update

: Theme updates in progress

: Plugins to update

: Updates in progress

: Update core

: Core update in progress

: About Page

: Broken Video 🙁

: Upgrade Network

: In progress

: All done.

Adding a new site and editing the new site’s domain

: Let’s add a new site

: Adding the site

: All done

: I picked the wrong name!

: Editing the domain

: Saving

Adding a completely new user and adding an existing user

: One is a lonely number

: Adding a friend

: Scroll down to finish

: Two is better than one

: Adding an existing friend

: Suggested friend

: Three indeed.

Adding a theme, network activating. Adding a theme, then enabling and activating for a single site (ignore the php notice, unrelated. TODO: fresh screenshot of that step)

: Today is a good day to add a new theme from w.org repo

: I choose this theme. I’m waiting for the preview on the right to load.

: It seemed to have loaded. But pointless.

: Let’s install anyhow and network enable.

: Joy!

: I want a new theme. Preview again pointless

: Installed, not network activating

: Choose the menu

: Visit the sites navigation menuNavigation Menu A theme feature introduced with Version 3.0. WordPress includes an easy to use mechanism for giving various control options to get users to click from one place to another on a site.

: Find the site I need and click edit

: Sigh. Click themes.

: Awesome. 56 themes, need to search

: Searching..

: Got it! Enabled for that site

: Now, let’s find that site

: And click to go to the dash

: On the dash! Let’s go to themes

: …

: Almost there

: Searching for it

: Let’s do this

: Finally done!

Add a new plugin

: Let’s add a new plugin

: From the .org repo

: Press This Extended is apparently a very nice plugin from a solid author 😉

: Network Activate!

: Activated.

: One site really needs some Hello Dolly

: Need to bump the download stats 😉

: Easier than a theme…

: On the single site dash

: Finding the plugins menu

: Whoa nelly. That’s not pretty!

: Yikes.

: My friend.

: This needs some love.

: All done.

Bonus: Registering a new user and a new user/site from the front-end

: Enabling front-end fun

Bonus: Various site maintenance tasks. Archiving, spamming, deleting, etc

Lastly, https network admin doesn’t create http sites. I can see this being okay/expected since having https://example.com doesn’t mean you’ll have a wildcard for the subdomains. Is there a filter/option/etc to indicate that you do?

#android, #multisite, #network-admin, #nexus-6, #web

Ryan Boren 7:22 pm on April 7, 2015
Tags: android, app ( 17 ), apps ( 2 ), media ( 30 ), mobile ( 12 )

Android app 2FA, Nexus 5

3.9-rc-2

: Start. Enter username and password.

: Tap Sign in.

: Cut-and-paste 2fa code from auth app. Tap Verify.

: Progress indication.

: Land on Posts page of primary site.

#android, #app, #apps, #media, #mobile

Ryan Boren 5:50 pm on December 12, 2014
Tags: android, login ( 5 ), login-registration ( 5 ), phone ( 22 ), web ( 44 )

Log in, input autocomplete, and great big links, Nexus 5

The WordPress logo 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. is a great, big link. When dismissing things like autocomplete suggestions, I often tap away into the header. The resulting redirect is bewildering and unexpected. With the keyboard up, half of the view of the log in page is a link directing away from log in.

#android, #login, #login-registration, #phone, #web

Ryan Boren 2:13 pm on October 5, 2014
Tags: android, iOS ( 64 ), links ( 4 ), media ( 30 ), modal ( 14 ), phone ( 22 ), scroll-bleed ( 6 ), web ( 44 )

Scrolling beneath modals, Nexus 5, iPhone 5, 4.1-alpha-20141002

The media modal, attachment details modal, and link modal all have scrolling problems on mobile/touch devices. The page beneath them scrolls, resulting in stacked scrolling and a bad experience.

Nexus 5 Media Modal:

Nexus 5 Link Modal:

Nexus 5 Attachment Details Modal:

iPhone 5, all three modals:

#android, #ios, #links, #media, #modal, #phone, #scroll-bleed, #web

Marius L. J. 3:08 pm on July 19, 2014
Tags: android, plugins ( 8 ), upgrade-install ( 12 )

Plugin installs, Samsung Galaxy S3 – 4.0-beta2

What struck me the most here was the amount of scrolling required, when a project had a few contributors, before I could actually read about the 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 it self.

Other things to note that may not be obvious from the images;

You can scroll the modal completely out of sight (I stopped to represent it being way gone). Very easy if you grab the action bar at the bottom and scroll it drags the whole modal, not the center content area
Scrolling before the content has loaded leaves the spinner showing, when content is loaded spinner is removed but content is already scrolled “out of view” as per the point above
“Install now” doesn’t prompt for confirmation if used in the modal, this is inconsistent with the regular listing
“Install now” in the modal doesn’t work if your device has gone to sleep and you wake it back up

#android, #plugins, #upgrade-install