Tips: Getting Your Markdown in Scrivener to Display Quicker in Marked…

Hey everyone! Just a quick and easy tip for all of you folks who use Marked as your Markdown previewer when writing in Scrivener.

One of the microscopic issues I have with using Marked in conjunction with Scrivener is the lag between when you write your Markdown (or any text) in Scrivener, it autosaves, and a few seconds later it shows up in Marked. This isn’t a bug in either programs – Marked shows what your document looks like after it is saved, and Scrivener autosaves after a preset amount of time after you stop typing (usually a matter of seconds).

I know, I know, not a big deal. But did you know that you can change the amount of time it takes for Scrivener to autosave? You can! It’s in the preference pane. Open up Scrivener, head to into the preferences menu and click the general tab, you’ll find in there.

ScrivPrefPaneShot

You can go as low as 1 second (I tried 0.5 seconds, no dice) in this field. Set it to that and close out of preferences. You should see a bit of an improvement to when Marked displays your Markdown now. It doesn’t get rid of the lag completely, but it does make it much less noticeable, creating a more seamless experience between apps.

So if it’s been distracting you or worse, keeping you from pairing these two juggernaut apps, try tweaking this auto-save time increment lower and see if that makes the experience any better for you. I know it did for me.

Software: Sip Review.

If you are a web developer/designer you know that there is no shortage of color pickers out there. I’ve toyed with dozens of them over the years and I recently ran into on the I found to be exceptional. That color picker is “Sip” by the Ola Brothers.

I am pretty picky when it comes to selecting development tools and color pickers are no exception. When I need to capture a color value, I don’t want to click my way through a series of menu systems to grab what I need. I just want to enable the tool, hone in on the color I need, click it and have the color value automatically copied to the clipboard for me to paste into my CSS.

dropdownloupe

Sip does all of this (and a good bit more) exceptionally well. Whenever I need it, I use Alfred to open it (or you can have it open on start up), I click the Sip icon in the menu bar, and I then click the target in the upper-left corner of the drop-down menu. After that, a loupe appears and I hover over the color I want (which can literally be any where on your screen) and click it. The preset color definition is then copied to my clipboard and I proceed to paste the value anywhere I need it.

You can also choose a color manually buy clicking the Sip icon in the menu bar and choosing the color wheel in the upper right corner of the drop down.

So many flavors to choose from!

sipcolorsAlmost all color pickers out there give the option of RGBA or Hex, but Sip gives you WAY more options than that. So if you need anything other than the standards, Sip’s got you more than covered. To access the presets just click the Sip icon in the menu bar again and then click the side-loading menu directly below the bullseye and color wheel up top. From there you’ll find the selections afforded you and I’d be shocked if what you needed wasn’t included.

We’ve got history.

siphistorySip also keeps a history of colors that you’ve chosen in the past. Which is awful handy when you need to revisit older colors and don’t want to repeat the color picking process or remember what value it was. There is even the option of sharing colors or deleting them from the history if you no longer need them. The default history is initially limited to 5 colors but you can up that value (or reduce it) in the settings which you’ll find under the gear icon in the Sip dropdown menu.

In the preferences you can also tweak code and color formats as well enable and see the keyboard shortcuts given to you in Sip. Keyboard shortcuts are pretty key to my development workflow, so having them integrated even in something as simple as a color picker is a prerequisite for me.

Taking It to the Next Level: Leveraging Sip on the Go.

SIP Mobile and Export
Sip also has an immensely handy iOS app that leverages your iPhone’s camera to dynamically capture full color palettes from whatever is in the view finder. You can even do the same from pictures you’ve already taken! It’s quite a sight to behold honestly, and it’s a great way to grab color palettes from clients photos or anything that is aesthetically pleasing to look at in your day-to-day life. From the app, you can save and label the palette for future reference or you can also share palettes by swiping left to right on the palette, tapping the share icon that appears. The colors in the palette then show up individually pre-formatted in an email that you can send anywhere.

Going Pro!

With an in app purchase of $9.99, you can upgrade your Sip installation to a Pro version which affords you even more powerful ways to wrangle colors on your Mac. It brings the color palettes to Mac version of Sip and it also allows you to sync palettes via a cloud service from your phone to the Mac so that you don’t have email them manually to yourself any more.

The Pro upgrade also allows you to pick more than one color at a time. Which helps streamline the process a bit more. Particularly if you already see a palette developing in a scene in front of you on your screen. Without the Pro version, you’d have keep enabling the loupe after you click each individual color.

It also allows you to edit and fine tune the colors you’ve chosen, allowing you to tweak existing Sip color formats or even create your own custom formats!

Going Pro??

While the Pro account is very appealing to someone in my profession, I don’t necessarily see it as a “must-buy” for everyone else. You get so much from Sip’s basic offerings that I could absolutely see many people getting everything they need and more from the what Sip offer’s out of the box.

Which is great, because Sip out of the box can be had for the ultra-cheap price of free.

Since incorporating it into my workflow, I can’t imagine designing and developing for the web without it. And with a non-existent barrier to entry, I can’t imagine why you wouldn’t at least want to try it for yourself.

Download:

Going Paperless: Scanning Receipts and Business Cards

Back in 2013, I wrote a post about digitizing your life and getting rid of the dead-tree paper taking up space in your day-to-day. I’m happy to say that I am still using that exact same paperless system to awesome effect. But I’ve also since left my corporate job moving to freelance full-time and, if you’ve gone that route, you know that the one thing you amass in a short amount of time is the small stuff: business cards and receipts.

Rapid Reduction.

As a small business owner, you need to document your business expenses. No exceptions. After meeting clients for lunch, dinner, evening drinks, coffee, or purchasing supplies and buying hardware… it’s pretty crazy how quickly receipts can pile up. When I finally noticed it was genuine problem it was almost too late. A physical file system of tiny sheets of paper was clearly not sustainable. I was already misplacing receipts in my wallet, back-pockets, folders, my back-pack – to either be worn down and unreadable or worse, to go through the wash and become a small blob.

Without a doubt. I needed a quick way to archive this stuff.

There are a lot of scanner apps out there and I’ve used the bulk of them. Basically what they do is allow you to take picture of a document with your device and convert that picture into a .pdf file that you can store locally on your device, or in cloud storage. This isn’t going to be a review of those apps, this is a detailing of what I’ve specifically integrated into my workflow. Luckily I’ve only needed two apps to accomplish this. They are beautifully developed, fast as hell, and they are a genuine joy to use.

For Receipts? I use Scanbot.

Scanbot is an app for iOS and Android that does what a lot of other scanning apps do, but it does so with flare and style. UI and UX aside, it also is thoroughly exceptional at the following:

  • It has excellent corner/edge recognition to limit the cropping you’d have to do after snapping a pic of the receipt.
  • OCR. Any app that you choose should have the ability to OCR 1 the receipt/document so that its contents are searchable as a PDF document. Scanbot does this accurately and, most importantly, very quickly.
  • Contrast. Your receipt scans don’t need to be full high res. color pictures. Color adds unnecessary size to your files which can take longer to upload and open. Scanbot offers four options: no filter (full resolution), a color filter (image compressed/optimized), grey scale, and a straight up, high contrast, black and white filter. I use the black and white filter. Scanned receipts and documents are crisp and readable and this particular filter reduces the size of your scanned pdf’s to smallest size possible.
  • Cloud storage options. Once your scan is complete and OCR’ed, you should be able to quickly upload to your file system of choice in the cloud. Scanbot support nearly all of them. I have my current file system on Dropbox. A very appreciated bonus: Scanbot also offers one-tap shortcuts to upload files to a specific location in cloud storage. So if you have a “receipts” folder that you always upload to on your cloud solution of choice, you can link that up specifically so that after you scan your doc, you just tap that shortcut and it gets uploaded automatically to that folder. Fast, simple and convenient. You can also upload your pdf’s manually of course, but the shortcuts are a really nice addition.
  • Prepended Titles. Scanbot allows you to prepend your titles with a naming convention of your choice. So if you like to add the date of a receipt to the front of the title of your scans, you can do so automatically. This saves you time and gives you confidence that the repeatable stuff you always do to organize your documents by title is automated.
  • Security. On the app level, Scanbot offers password protection and (if your device supports it) Touch ID if you want to restrict access to the documents stored locally on your device. Open the app? It asks for a password.
  • Document options. Scanbot adds a lot of convenient features that allow you to augment your files after they’ve been scanned. Stuff like high-lighting text, password protecting your files on the file level, leaving comments to share, adding additional pages after the fact, and the ability to add a digital signature, are wonderful options that can take your pdf editing capabilities to the next level. All on a portable device too, it’s kind of crazy!

In short, Scanbot gets my full endorsement. I’ve used it for almost a year now, often daily, and it has eliminated so much friction in my business organization workflow that I honestly can’t stress it enough. I use it on receipts, hardware manuals, insurance policy documentation, monthly invoices… anything I need to file away and search for later.

The barrier to entry is low too. You can download the app for free, but with limited features. To unlock much of what I detailed above you need to buy the “Pro” module which you can get in-app after you download it. It’s only $4.99, and what it adds is invaluable in my opinion. Definitely worth the five-spot.

For Business Cards? I use Evernote’s Scannable.

Relatively new to the scene, Scannable is Evernote’s answer to Scanbot. It’s sole purpose is to create digital documents and then share them. My only issue with Scannable is that it’s a little too stripped down for my use-cases. It does create digital documents to share quickly, but it doesn’t:

  • OCR them (unless you export to Evernote). It also scans them to .jpg files and I prefer the pdf format. UPDATE 01/26/15: As of a few hours ago, the fine folks at Evernote updated Scannable to export to either .jpg or .pdf formats! W00T!
  • Doesn’t offer color filter options. You just get color. Though it is optimized and compressed when saved.
  • Baked in sharing options are limited 2. It does, however, allow you to auto-export to Evernote. Which is nice if you use it.
  • There is no in-app editing tools. None.
  • There are no prepended title options.

But, what it does do exceptionally well, is scan business cards.

It seems funny to have an app dedicated to doing such a small task, but Scannable scans business cards so well, it’s hard to pass it up. There is a caveat though. Scannable’s full potential hinges heavily on your use of Evernote. Which I do 3. I use Evernote as my space to put things that I need to permanently archive at a glance. Business cards fall into this category for me. But they might not for you.

Caveat aside, using Scannable couldn’t be easier. Put a business card on the table in front of you, fire up Scannable, it rapidly finds the edges of the card 4, snaps and loads it optimized in under two seconds, making it ready for you to share or export. If you do export to Evernote, it will OCR it on the fly so that it’s searchable within Evernote’s interface.

One added bonus! If you are a LinkedIn user it will also scan its vast user-base, find the business card owner and add any additional information from their profile to your scan! Complete with their profile snap, clickable email addresses, web site urls, and phone numbers. All beautifully formatted, looking wonderful in Evernote. You can even add them to your address book if you want. But if they are not on LinkedIn, you don’t get this additional feature, which is kind of a shame. It’d be awesome if it added the same exact fields that are on the card itself. Not to mention, LinkedIn isn’t always up to date.

But it’s hard to criticize an app that is free, that gives you this much. When it works, Scannable is kinda magical! And even when it doesn’t, it’s still incredibly useful.

Soooo… Should I Get One? Or Both?

Well, obviously I chose both. But everyone’s needs are different. If you can swing the investment, I’d definitely snag Scanbot. If not, and you are a staunch Evernote user, Scannable will take great care of you.

If two apps are too many options for this particular task, Scanbot does take excellent scans of business cards and it even auto uploads to Evernote too. It just doesn’t have the LinkedIn profile info injection, which I really like.

It’s also important to note that’s still very early days for Scannable. Evernote is a really reputable development house with a wonderful history of implementing user requests. So I am sure Scannable’s feature set will only grow with time.


  1. Optical Character Recognition

  2. but it does give you access to the iOS share sheet which, in theory, is limitless.

  3. and do so gladly

  4. Unbelievably, I’ve never needed crop an image in Scannable or Scanbot. Not once.

New Year? New Coat of Paint.

I am happy to introduce version 4.0 of thaddeushunt.com!

I don’t know if doing a theme redux is an annual thing for me honestly. This year though, it felt right.

I typically don’t get into much personal stuff anymore on this site and that isn’t going to change this year. Suffice it to say though, between quitting my corporate job to work for myself full-time and all of the upheaval therein, 2014 was quite a year for me (don’t worry, 98% of it was all good things).

So in tribute to that change, I thought I’d redo the theme on my personal site too. Truth be told, I was already 75% of the way through a 100% original theme of my own making when WordPress’ “Twenty Fifteen” theme dropped. I wasn’t keen on it at first, but then I got to play with it and saw the potential. This site has always been about its content, so when I saw how this theme put your words front and center, I started entertaining a child theme. Fast forward a month later and you have what you see here. The changes I made from the parent theme were subtle. Mostly font-based, with a tightening up of some spacing/layout issues that bugged me.

My aesthetic leanings are often toward flat, uber-clean design. With easy to read fonts and nothing garish. As you can see, I ditched the header images and horizontal nav/search of the last theme for a more vertical layout, giving more room for my words and cleaner edge-to-edge featured images in my posts: something that I hardly every did in the last theme because it made everything too busy. I also really love the responsive design that is baked into this theme. It retains the look and feel of the big screen version well and offers a much superior mobile menu to themes I’ve used in the past.

Anyways, I think it’s about 95% there, with only a few things left that are bugging me still. Not enough to hold off implementing it live into the wild. I hope you all like it and that it makes reading a here that much more of a joy.

Please feel free to kick the tires. If you find anything broken or “off”, please leave me a note in the comments below. I’ll look into it as soon as I am able.

Happy New Year everyone!

~Tad

Software: Typed Review

Anyone who has been to my site a few times knows my affinity for Markdown and the many editors that support it. This last week the folks at Realmac Software dropped their most recent entry into the Markdown editor arena and I thought I’d do a quick review on it for you all.

A New Spin On An Old Idea? Not really.

When Realmac first announced the beta of Typed (one that I was not included in, for what it’s worth) I was intrigued by their pitch, but was not exactly champing at the bit to try it out. Spartan Markdown editors have been done before and adding what they call a “Zen Mode” into the mix isn’t exactly a new idea. Omm Writer launched its editor specifically on the auspice of its fullscreen, non-existent UI, low friction, zero-distraction edit mode years ago, and they implemented it exceptionally well. People really loved/love what they did with that idea (myself included) and since then, droves of other developers have implemented their own take on full-screen, distraction-free writing.

So my first thought was, are these guys REAL late to the party?

After using Typed for a few days now my answer is: not exactly. In fact they might be just on time.

Delight Is In The Details.

What Realmac did exceptionally well was create a new version of an old idea with an attention to detail that other Markdown editors lack.

CaoK5qrpOb0eWUFr2HIzYynFZ_BkgOIH3yWUrJJZLPY,RuJHwjrwoa7fhD77WuD1jUfet6ldfvyvatbvPwY7e14

In short, though there is nothing new here, you can’t take away the fact that Typed is simply a joy to use. Everything it does is intuitive, simple, and very polished. The lack of options/preferences is certainly reminiscent of iA Writer’s UI. Except in Typed, you can find everything you need (if you even need it) by mousing over to the left where a preferences pop-up menu fades into view. There you’ll find a beautiful variety of font pairings to choose from as well as two other separate theme views (one of which is “night mode” for those tired eyes during late night writing sessions), you’ll also find the requisite HTML preview mode, as well as the baked-in share sheet extension that comes with most apps in OS X Yosemite. It’s all implemented thoughtfully, appearing when you need it and literally disappearing when you don’t.

NUqxUTshMliD-DWD6t2nZ8hqqLgG_ETXtk3T7XbcT3o,xl8i0PTy4QGGVr7O_mr16AhXuTK5vkjXGzURMKiFXRk

To complement Typed’s “Zen Mode” (which is basically the full screen mode we’ve all come to know), there are 8 separate looping music tracks you can use if you really need the background noise. They are all pleasant enough and certainly calming (particularly with headphones), but they are also somewhat buried and hard to find unless you know where to look, which I found a bit counter to everything else Typed does so well. That’s a small, non-essential quibble though.

Lastly, there are a few other options up in the top menu bar of Typed. Specifically export options and keyboard shortcuts for commonly used Markdown syntax. And for those who like to keep track, a word/character counter can also be found in the top right.

Aside from that, what you see is what you get.

And what you get, frankly, is delightful to use.

Since it dropped last week, I’ve already fired it up several times for a variety of jobs. I did so simply because Typed felt like the right tool for my writing needs at the time. Your text is laid out beautifully and the layout flows perfectly whenever I have to resize my window or pop out of full screen mode to grab something. The translucent background picks up everything behind it subtly (it can be turned off by the way) and everything responds immediately, with zero lag.

v8F1B_W3kOFrlFAUgl2cAonxF_7gtHuP1oIu0ehJ1IM

It’s hard to put into words, but Typed, despite all of its similarities to other apps, captures a solid writing interface that you can trust, all the while giving you distraction free writing that is purely just that.

So far I’ve loved using it when I just need to get something down. Those singular moments when you write a letter, draft out a blog post… anything that simply needs to be, well, typed. I wouldn’t write a novel or anything long-form in it (that’s for Scrivener). I also wouldn’t write anything that needs a proper editorial workflow in it either (that’d be a job for Writer Pro).

Do the Markdown editors I mentioned above have more to offer features-wise? Absolutely. But none of those offer the polished experience quite like I’ve found with Typed. Not to mention this editor doesn’t seem to even want to be that feature rich and I personally think that’s what makes it so appealing.  All of that attention to detail that Realmac puts in to this editor pays dividends to you, the writer. By creating a clean writing experience with tools that are not far out of reach, Typed becomes an experience to look forward to. It’s a starting point. A clean sheet of paper waiting patiently for you to begin.

Realmac is currently offering a trial period to use the full version of Typed for free. I whole heartedly recommend checking it out if you are looking for something new to add to your text editor tool kit.

**All pics found in this post were taken directly from Typed’s own press kit.**