vivaldi’s tab tiling vs arc’s split view

Vivaldi Tab Tile example

I had a reader of my blog leave me a comment on my post about Arc’s split view that noted Vivaldi has equivalent functionality referred to as tab tiling. It’s a bit more involved than than Arc’s, which I will illustrate.

Vivaldi tab tiling setup

The steps I took to prepare two tabs for tiling where:

  • Pressing the command key and only the command key, select two tabs to be tiled with the mouse. Each tab will have a dashed box drawn around it when selected. Note that this is a bit different than what you will read on the Vivaldi documentation website.
  • Right click on either selected tab to pull up a dialog, and click on ‘Tile 2 Tabs’.

There’s a secret to having the two tabs tiled in the order you want. In my case I wanted the WordPress editor on the left and the other tab on the right. The order of the tiling is dependent on the order of the tabs. Thus, the WordPress tab should be above any other tab you want on the right. The example above doesn’t show that, unfortunately; it’s in reverse order.

After having tried this out I find Arc split view superior because;

  • It’s drag and drop, and
  • It doesn’t matter what order the tabs are in.

The Vivaldi method is too finicky for my tastes. However, if you’re a big Vivaldi fan, then you’ll quickly pick up the process and not really care. Nevertheless it would be nice of the Vivaldi devs would implement tab tiling as drag-and-drop and tab order agnostic. If the Vivaldi developers didn’t implement drag-and-drop, it would be more intuitive if the order the tabs are command key clicked is the order they would be tiled, from left to right.

Links

one way arc’s split view helps me write blog posts

one way arc’s split view helps me write blog posts

Arc split view helping write a WordPress post

Yesterday’s caturday post was written with the help of my favorite Arc feature, split view. This time it helped me rapidly write the post by helping me select photos I have on Flickr to then insert them into the post. First, a little back story about how I write a post in WordPress.

In ancient days gone by (late 1990s) I learned to write HTML using vi under Unix. The web server I chose to use was the very first Apache web server releases, and I had to pull sources and compile it myself because I was using Silicon Graphics Inc (SGI) computers that used Mips processors and SGI’s Ultrix, their version of Unix. I rocked along with that until one day I created a web account on GeoCities, at which point I graduated to HomePage (I think) on Microsoft Windows (95/98/Me; it’s all a bit fuzzy these days). HomePage was the “killer app” for me on Windows, and GeoCities was the place to be. All things must pass, which included my need for Windows, HomePage, my GeoCities site, and even GeoCities itself. But that easy comfort with working directly with HTML never left me.

When I started my first blog on Blogspot (right before it was purchased by Google), my ability to work directly with HTML (and later CSS and JavaScript) helped me to tweak my Blogspot blog. That lasted a good decade until I grew tired of wrangling with Blogspot, and it too faded. Then in 2013 I decided to create a second blog, this blog, using WordPress. I was especially drawn to what WordPress now calls the classic editor because I could lay down HTML within the body of a post to my hearts content.

Over the years my desire to work in HTML is now very specific. I keep a lot of my photos on Flickr, and use Flickr’s ability to dynamically generate an URL for any Flickr photo, an URL that I can copy and then paste into the post I’m writing. Here are the steps I take.

  1. Open my WordPress dashboard and start a new post using the classic editor.
  2. Open my Flickr account and navigate to my Photostream.
  3. Drop my Flickr account next to my WordPress editor to create a split view.
  4. Click on any photo in my Flickr account I might want to include in my post.
  5. In the lower right corner click onFlickr’s Share Photo icon, the right turning arrow.
  6. In the resultant Flickr dialog, select Embed, make sure to select a display size in the dropdown, click on the generated URL code, then copy it.
  7. Back over on the WordPress post, go into Text mode, set the cursor where you want the photo to go, and then past what you just copied. While you’re in Text mode edit the URL you just pasted to remove any unwanted HTML. For me unwanted HTML is the script tag at the very end that embeds useless Javascript back to Flickr.
  8. Go back into Visual mode, left click to get the mini control panel at the top of the photo, and then center the photo.
  9. Click into the post away from the photo and add any text beneath in the body of the blog post.

Later, rinse, repeat.

It sounds complicated, but in practice it isn’t. In the past I would have had two open tabs to do this, swapping back and forth between the two as needed. Arc’s split view, when used like this in writing posts, is easier and thus faster and has the added benefit of helping me stay more focused.