A Markdown Webbrowser

January 30, 2015 by Gabe | [mmd] |

Thanks to a Twitter follower, I got to thinking about this TUAW article highlighting Choosy for Mac.

This doesn't directly solve my issues with sites like Macworld that play audio and video when they open. What I really want is a Markdown browser.

So, here's a Markdown browser that uses the Mac app Fluid.

Create a new Fluid app. I'd suggest using the HeckYesMarkdown.com URL for the browser so you get a cool icon.

Next, let's create a custom user script. Fluid user scripts match on strings in the URL and execute JavaScript. The documentation isn't that great so this is my current best option.

Here's the script:

passURL = document.URL;
if(document.URL.indexOf("heckyesmarkdown") <= 0)
    {
        document.location = 'http://heckyesmarkdown.com/go/?read=1&showframe=1&u='+passURL;
    }

This script is executed on any URL pattern based on the * trigger of the User Script.

We first grab the URL and hold it as a variable because we're lazy and careful. Next, we look to see if the URL contains the string "heckyesmarkdown." We then redirect all pages to http://heckyesmarkdown.com with a couple of nice parameters. The read parameter uses Readability. The showframe parameter makes the page look nice. Here's an example.

That if statement exists so that we don't just keep redirecting the heckyesmarkdown URL. We want to stop redirecting after the first URL is entered.

So now we can setup the Choosy preference to handle misbehaving sites. We should also add this Fuid app to Choosy as a new browser. Every link clicked in an email or Tweetbot (or anywhere outside of Safari) that matches a pattern will automatically be converted to a Markdown version in our new browser.

There are two major downsides. This Fluid app loads each page twice, so it's a little like I'm rewarding bad behavior. On the other hand, I can tolerate browsing Macworld now. Second, the Markdown links are relative, so clicking them doesn't actually load the next page.

Fluid for Mac | $5

Choosy for Mac | $12

Older articles

  1. iThoughts and Marked [Link]

    November 10, 2014 by Gabe | [mmd] | ℳ↫

    Brett wins for so many reasons, least of which is the anthropomorphizing of software and their mutual affection.

    This video excites me way more than it should. My iThoughts icon has three thumbs up, because if I'm going to imagine my application with arms, it damn well will have ...

  2. Markdown Classic

    September 04, 2014 by Gabe | [mmd] |

    There's a new site for Markdown enthusiasts, and it's really too bad about their implementation. I don't mean their test suite or their documentation. Those look outstanding. The bravado is a little out of whack.

    Standard Markdown appears to have two major goals:

    1. To provide a specification ...
  3. The TextBundle Format [Link]

    August 27, 2014 by Gabe | [mmd] | ℳ↫

    Sure, MultiMarkdown is awesome. It's the cornerstone of 90% of my written words. But have you ever tried to work with MMD using multiple AppStore apps? It can be frustrating. Jumping between apps usually means closing the document, quitting the app and reopening the document in the new app ...

  4. Markdown Table Generator [Link]

    April 06, 2014 by Gabe | [mmd] | ℳ↫

    A very nice web form for quickly generating Markdown, LaTeX, and HTML tables. I appreciate all of the little formatting options too. You can also import CSV data to create the table too. Well done.

    By way of Rants and Rambles

  5. Slugline Update and Free Trial [Link]

    January 16, 2014 by Gabe | [mmd] | ℳ↫

    I'm no screenwriter, but this looks like a nice update to Slugline. Writing in plain text is awesome and liberating, but only if it does what you need in the end. Slugline continues to advance and add convenience features. This update adds Continued Dialog markers.

    There's also a ...

  6. With Markdown, Even the Blind Can Write [Link]

    June 21, 2013 by Gabe | [mmd] | ℳ↫

    Steven Aquino has a wonderful article on TidBits about using Markdown as a visually impaired writer:

    The less time I have to look at the screen, the better my eyes feel. Thus, what makes using Markdown so great is that I don’t have to waste time trying to locate ...

  7. Wri.pe Web-based Markdown Editing

    June 03, 2013 by Gabe | [mmd] |

    Wri.pe is a new web-based Markdown editor.1 But, it's more than just an editor. It's more like a journaling system. It feels like it's in the early stages but not in a bad way.

    I really like how the project was born. The developer was ...

  8. Comparing Pandoc and MultiMarkdown [Link]

    January 14, 2013 by Gabe | [mmd] | ℳ↫

    This is a pretty great comparison and I had no idea it existed until today.

    By way of Taking Notes

  9. Brat Annotation [Link]

    December 11, 2012 by Gabe | [mmd] | ℳ↫

    I've been struggling with a formalized standard for change tracking and commenting in plain text.1 I don't have any conclusions, but I have found some very cool tools.

    Brat is a web app for doing extremely complex markup of text. It's a tool for marking entity ...