Tips: *Revisiting* My Workflow (again) for Launching .scriv Files in Marked and Scrivener Simultaneously

Back in May, 2014, I created an Alfred workflow that allowed for you to target a specific directory that houses your project files in Scrivener, select your file, and open it in both Scrivener and Marked 2 simultaneously for live preview markdown rendering whilst working in Scrivener.

The theory behind why I created it can be read in the original post here.

A few months ago a kind visitor to this site left a comment stating that the workflow I created, no longer worked properly. It’s been years since I constructed that workflow and since then Alfred, Scrivener, and Marked have gone through several versions, so it didn’t necessarily surprise me that something came unplugged.

Either way, it was an opportunity to revisit the workflow, and I am happy to report that I’ve since fixed it!

If you think the workflow could be of service to you, here are the steps to get it up and running.

One crucial checkbox:

Getting this workflow to function properly involves checking a box in Marked 2’s preferences. So before you do anything:

  1. Launch Marked 2 and click the “Marked 2” menu in the upper-left and then click “Preferences”.
  2. Click the “Apps” tab at the top of the preferences window
  3. Then, under the “Scrivener” section, check the “Open .scriv files in Scrivener when opened in Marked” box. Once checked you can close the preferences window if you want.
Install the workflow in Alfred.

Installing workflows in Alfred is still super simple. If you want to save some time, you can download the workflow file here. Once downloaded, double-click the file and that should drop you into Alfred’s workflow preferences pane, prompting you to import it.

That’s it! From here, you can tweak the workflow to better suit your needs. For instance, I’ve got my .scriv files stored in my “Documents” folder, so you may want broaden, or narrow, the workflow’s search scope.

In short, feel free to make it your own.

The steps to invoke the workflow haven’t really changed:
  1. Bring up Alfred and type “scrivmarked” (again, you can change this keyword in Alfred’s workflow preferences).
  2. Use you arrow keys to scroll up or down to highlight the project you want to open.
  3. Once highlighted. Hit the right arrow key.
  4. Scroll down to highlight “Open in Marked and Scrivener” hit enter.

That should open your Scrivener project in both Marked and Scrivener, ready for you to write blog posts or any content for the web!

Useful links:

Software: Permute Review

Hey everyone, sorry this blog has gone a little dormant in the last two months. Truth is, I’ve been busy with work 1. For the first time in a while though, I had a down day and felt like writing, so I thought I’d whip up quick review on an app you may find useful! Just a heads up though, the app is Mac-only. Good? Good.

Being a freelance web developer that wears a lot of different hats when it comes to client work, I’ve found over the years that I’ve come to rely quite a bit on file converters. Whether it’s changing a .wmv file to an .mp4 or .jpg’s into .png’s, I am always amazed at how much time I spend converting files that clients hand to me into something more web-friendly – or just more useful to the rest of the world.

If you search for file conversion apps on the web, you’ll find there are hundreds out there and they all predominantly do the same thing: change your existing files into a different file format. I’ve tried more converters than I care to remember 2 but the one I’ve settled on is Fuel Collective’s app, Permute.

Permute does two things extremely well – media file conversion, and getting out of your way.

3-dc476a288c004037735e7fc212ccae4d

Media File Conversion

Any good file converter should be able to handle a variety of file formats and Permute handles most, if not all. From AAC to XVID, Permute will handle 99.9% of anything you need to throw at it. Conversion processes occur lightening fast and, yes, it does batch conversion as well, handling multiple simultaneous conversion processes with the utmost ease. Have a folder of images that you need to change along with a couple of video files? Just drag them into Permute, set your file format, and hit the "Start" button.

That’s it!

4-7dd874d04cb3f260bed43b68df1b0273

Getting Out of Your Way.

A lot of the file conversion apps I’ve tried in the past had convoluted workflows, making me click a variety of buttons and toggles before I can even start the conversion process. Those wasteful tasks are gone with Permute.

1-71a69fe357db0e85126d1bad4d385f1f

When you fire up Permute, you are presented with a very spartan grey box instructing you to drag and drop your files into it. Once you do that, you only have to choose the file format that you want to convert to and then click start. It’s so simple and straightforward that it got me wondering why this UI/UX hadn’t been adopted by other more popular conversion utilities years ago.

2-43326ba35dde786375bc4469a66fb380

It also has builtin support for OS X’s notification center, so that when it’s done with each file conversion, it will let you know with a modal window floating in from the top right of your screen.

What It Doesn’t Do (that you may need).

What Permute doesn’t do, and this by design, is allow you to tweak its existing presets on a micro level. Yes, you can change a few standard settings that you’ll find in any "Save As" process, but if you are looking for access to a HUGE toolset of changes before the conversion process begins, than Permute is not for you. It is meant for the "set it and forget it" crowd – those folks who prefer streamlined ease over sweating the details of filters, audio track separation/modification, color changes, or other high-end production editing.

It also only focuses on media files. Images, audio files, and videos. At the time, that’s all it will convert.

But if that’s all you need than I can’t recommend Permute enough. It’s lightening fast, incredibly easy to use, and I’ve yet to have a botched file conversion.

Rock solid and absolutely worth your hard-earned cash if you are in the market for a new media converter.

Links:

PLEASE NOTE: All images were created by the fine peeps at fuelcollective.com. I did not create these.


  1. not complaining one bit though, it’s a great problem to have

  2. or admit

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:

Writing and Tips: Creating a Custom Project Template in Scrivener

One of the most requested posts I’ve seen in the comments section of this site has been for me to do a write-up on how to create a custom project template in Scrivener. It’s something I honestly had never thought of doing until I started blogging in Scrivener using Markdown and MultiMarkdown. After using that system for a bit, I realized quickly that I’d want the exact same setup for the next year (and the year after that). Without a template, I’d have to recreate everything in that project layout from scratch.

It was the first time I’d encountered a situation in Scrivener where I needed the initial layout of a project (folders, metadata, doc templates, etc…), to be a repeatable affair. Sure it’s easy enough to start a new project and recreate everything (easy, yet time-consuming), but wouldn’t it be great if I had a boilerplate starting point that did it all for me?

Luckily, as always, Scrivener makes creating such a setup quite easy.

One and done.

At first, I thought I’d use a previous project that was ideal for my needs and create a template from that. Good idea right? But then I realized that when you create project template in Scrivener, it takes literally everything in that project and adds it to the template.

In short, I’d get the bits I needed, but I’d spend even more time deleting the stuff I didn’t.

So, to avoid that situation, you need to to start a new project with zero content in it (I used Scrivener’s blank template). From here, you need to recreate only the skeletal structure of the elements that you are going to reuse moving forward. In the case of my blogging system, I only wanted the basic structural elements that I knew I’d need year after year. So that meant the folders for the months, useful, but generic meta-data, a doc template with pre-filled Markdown in it that I use in every post, and anything else that I’d recreate next year.

Once you have all of that set up, it’s time to create your template!

File > Save As Template… not File > Save As…

I remember striking out initially, while looking for this option under the “Save As…” and “Export” sub-menus under “File”. But I quickly saw the magical “Save As Template…” option and all was well.

Save As Template

Once you have your template structure in order. Head up to “File” and then look four options up from the bottom to find “Save As Template…”. Go ahead and click that.

This brings up a “Template Information” window where you can name your template, give it a description, assign an existing Scrivener category to it and even give it fancy custom icon so that it stands out the next time you create a new project.

Choosing A Custom Icon

Once that’s all sorted, click the “Ok” button and you’re done. Easy peasy.

Now you can either save the boilerplate project to add to it later or, if you feel confident that you nailed it on the first try, you can delete it. Don’t worry. You won’t lose your work. The template is safe and sound in Scrivener’s “Application Support” folder on your hard drive.

Let’s Take It For a Spin!

New Template

Now all you have to do to use your new template is start a new project in Scrivener. Select the category you assigned to it and choose your custom template. Once the new project comes up, you’ll see all of that beautiful time you just saved!

Prefilled Layout

Now go have a tall libation. You’ve earned it! :)