GunderBlog

Josh's Blog

View on GitHub
29 May 2016

Inoreader’s Integration Options, Pt. 2

by joshg253

In Part One, I looked at a couple image-heavy sites and how they behaved when adding their posts to each of the external services available via Inoreader. This time I’ll look at guitar lessons from a few different places – same as with the previous post, the websites differ and therefore show up differently in each service.

Guitar World lessons

Firefox

The actual article in Firefox:1_gw_web1 1_gw_web2

Inoreader

The article in Inoreader: 2_gw_ino12_gw_ino2

Pocket

Pocket doesn’t let the reading area get very wide, so the images can get pretty small, which makes some of the Examples hard to read. 3_gw_poc13_gw_poc2

Instapaper

Instapaper allows a wider reading area than Pocket, so the Examples don’t get squished and are easy to read. 4_gw_insta14_gw_insta2

Readability

Readability also allows wider reading area, but apparently compressed the images more than the others, making the Examples blurry and harder to read. 5_gw_reada15_gw_reada2

Evernote

Evernote looks pretty good: 6_gw_ever16_gw_ever2

OneNote

OneNote makes the images blurrier than EverNote: 7_gw_onenote17_gw_onenote2

Dropbox

The PDF actually turned out decent this time, but the images are a little blurry: 8_gw_db18_gw_db2Voids of whitespace occupy areas once lush with embedded video, resulting in an essentially wasted last page in this example, but you could use a PDF tool to delete it if needed: 8_gw_db3

Another Guitar World Sample

Another example yields nearly exact results with most of the services, except this time the strange splitting of web elements across pages in the resulting Dropbox PDF. Sliced bottom off a line of text: gw2_db1 Sliced a few pixels off the top: gw2_db2 More off the next image: gw2_db3 And even more off the next one. At least it’s between the text in the image, but this specific example would better unsliced: gw2_db4

Verdict for Guitar World

Read it later: Instapaper – Pocket scales the images width-wise, making them hard to read. Readability compresses the images making them blurry, also making them hard to read.

Editable copy: Evernote – OneNote has slightly blurrier images.

Inconsistent PDF results: Dropbox – first sample yielded a decent PDF but the second was the same element-splitting weirdness we’ve seen previously. If you were to actually print them, both samples provided plenty of whitespace for notes. :)

 

Premier Guitar

Firefox

The actual article in Firefox has a link to a PDF version of the lesson, embedded video, and links for each Example that open a new tab with a cool audio player that follows the musical notation & guitar tabulature as it plays. 2_pg_ff

Inoreader

The article in Inoreader just contains a summary text: 1_pg_ino

Pocket

Just a link to the actual article again.

Instapaper

Includes some webpage artifacts, and the first image twice at the top:

4_pg_ip_1Also included are the PDF link, the embedded video, and the player links:

4_pg_ip_2

Readability

The PDF link, and the embedded video are lost: 5_pg_ra_1

The player links are intact:5_pg_ra_2

Evernote

Loses the PDF link, the embedded video, and the player links: 6_pg_en_16_pg_en_2

OneNote

Also loses the PDF link, the embedded video, and the player links: 7_pg_on_17_pg_on_2

Dropbox

Starts out good, but also loses the PDF link, the embedded video, and the player links: 8_pg_db_1

Vast whitespace again:8_pg_db_2

Sliced off text again:8_pg_db_3

Verdict for Premier Guitar

Read it later: Instapaper – Nothing is perfect for this one, but at least Instapaper doesn’t lose any of the links.

Editable: It doesn’t matter – Evernote and OneNote both lose the links to what essentially makes these lessons.

Meh PDF: Dropbox, but it’s useless for this example because of the individual links & audio for each example.

 

Guitar Chalk

Firefox

The actual article in Firefox has an embedded video, several images, and a few links: 2 web1 2 web2 2 web3

Inoreader

The article in Inoreader is just a summary: 1 ino

Pocket

Loses the video, the images, and the links: 3 pocket13 pocket2

Instapaper

Loses the video and images: 4 insta14 insta2

Readability

Only loses the video: 5 reada15 reada2

Evernote

Also only loses the video: 6 ever16 ever2

OneNote

Loses the video. Before each image, there is an empty space the same size as the image that follows it: 7 onenote17 onenote2

Dropbox

Loses the video, slices the images terribly again: 8 db1 8 db2 8 db3

Verdict for Guitar Chalk

This one is a mess – might be better just to tag it in Inoreader.

 

Tune In Next Time

I need to look in Pocket to see if anything else doesn’t appear as expected, which is how I started along this path in the first place. Looks like it’s gonna be a little while before I can see my old articles in Inoreader though. :\

Depending on the outcome of that, the next post will either be a wrap-up (with an overview, recommendations, a table with source vs service, and links to the previous posts), or yet more experimenting. :)

tags: Dropbox - Evernote - Inoreader - Instapaper - OneNote - Pocket - Readability - RSS