Get focused with interstitial journaling

If you are like me you’ve struggled with focus during the work day. Maybe tried a bunch of tools to keep track of your tasks and notes but nothing seems to stick over time. Eventually things just pile up and you either clear it out and pray, or work nights with a knot in your stomach.

Interstitial Journaling can probably help with that. It won’t miraculously give you any more time, and it’s not gonna clear out your inbox for you. But it will give you the breathing room you need to spend your time wisely.

I learned this about six months ago from the brilliant community over at Ness Labs and it has really helped me. My clients and colleagues are noticing my new strategic use of time, and I’m delivering a lot more.

Here’s how you do it

Pick a tool.

Pick a note taking tool. It can be anything, but it has to be with you in all situations. Paper works, your phones note app will also work. I use Roam Research but the tool doesn’t matter, it’s all about the process.

Your action trigger

It’s called interstitial because it happens between all your other tasks. Every time you stop doing anything, anything at all, you take a short note in your journal. It’s ok if you forget in the beginning, just take a note as soon as you notice. The important thing is you’re building a habit that will save you time.

What to do

Add a new line in your journal with three things:
The time. What you just did. And what you will do next.

That’s it.

What might this look like?

I usually start off my days quite organised and then suddenly there’s a four hour gap and I restart writing something like “2:15 oh no, I’m on YouTube again”. But that’s ok. The goal here is to create the habit, not to be perfect. You’ll start noticing patterns quickly regardless.

08:20 Finished meditating. Time to clear out my inbox.
08:58 Done with email. Gonna look at my todo list, and pick our the important things.
09:12 Started sorting my todos but I had forgotten my meeting with Annelie, omw now!
13:30 Meeting went well, but then I spent 2 hours “inspiration” browsing on Pinterest… Now I’m gonna cross of my first todos.
13:37 Planned next steps from meeting. Time to prep a presentation.

A fictional, but normal, piece of journal

Why does this work?

We all get distracted. Sometimes it’s simply tired brains wandering, but often it’s priorities changing, ad hoc meetings or calls. We can’t stop being interrupted. So we have to work with the interruptions.

Interstitial Journaling uses this fact by writing down what’s going on at every interruption, or every time we finish something. This way we can learn from the patterns in our lives, and it makes us consciously pick the next thing we’re gonna work on.

This is the core benefit of this form of journaling. Making how we spend our time explicit we become our own personal coaches. Checking that we do our reps, and advising us on what to do next, without the shouting.

A nice side effect is that we can start to notice patterns in how we spend our time. Helping us learn how much time certain tasks really take, and automatically becoming strategic.

It was just my second day journaling this way when I exited a meeting and was just about to resume a project, when updated my journal and realised that there wasn’t enough time before my next appointment. Instead I scheduled time with myself for the project later in the week and did some smaller tasks.

I was being strategic with my time, as a side effect of knowing what I was doing! It blew my mind.

This method has helped me a lot, and I hope it helps you too! Either way, please let me know your thoughts!

How to use Typescript with props in Vue 2x

This article only describes this specific case, if you want to know how to set up Typescript for Vue this is a good source.

I recently had this issue in a client project. I wanted to use component properties with a shared Interface model, but using it directly as a type results in the error:

'Poll' only refers to a type, but is being used as a value here.

So how do you use a Typescript interface with your Vue component?

You make your type a function that returns the interface. Why this works I’m not quite sure of. But it does work.

Interface Poll {
  question: String,
}

export default Vue.extend({
  name: 'PollCard',
  props: {
    poll: {
      type: Object as () => Poll,
      default: {} as Poll
    }
  }
});

Happy coding!

2020 in review

2020 looked like it was going to be an amazing year. I was expecting to make a lot of money, start at least one business, and travel a LOT…

Well you know what happened. Covid.

So instead, I got a job. Worked from home. And headed into what might’ve been a short depression. The year turned out really well in the end. But man, what a roller coaster it has been.

  1. Timeline of Events
  2. What I learned
  3. Fitness & Health

Timeline of Events

Spring

January I was working hard as hell, trying to keep it together running a small product team at a video infrastructure company.

February I was looking for new gigs and starting to worry about acquaintances getting increasingly hysterical online about this virus spreading around Asia. We still went out and saw friends.

March the lockdowns started. Now Sweden never locked down, but we were asked to keep their distance and wash their hands often. Well everyone not only did that, but most people went full on prepping mode, and quarantined at home. The capitol of Sweden even ran out of toilet paper, for some reason I still can’t understand. The place was a ghost town. I was really worried how this would hit the economy (people don’t have savings in socialist Sweden) so we did cautiously go out a few times and were shouted at by close friends… Despite following all recommendations from the public health authority. It was a strange month.

April was pretty much all closed. We were both working from home, which we usually do anyway, but the city was deserted. We did check into a luxury hotel for my birthday since all the hotel chains dumped their prices.


Summer

May finally brought the light back. We had some lovely sunny days during April, but in May it was finally getting Luke warm. I think the entire country celebrated finally being able to be outside, even being able to socialise (at a distance).
I also started a job at a huge grocery chain, working on the in-house toolset to manage grocery stores. Turns out there was some confusion about what my role was supposed to be, more designer or more developer. But I didn’t know that until much later.

June was unusually warm, a wonderful summer month! I even went swimming on my lunch hour. We met friends outside, had a champagne tasting and spent some time in the archipelago.
Oh, and I bought a hat.

July was full on summer. Since we can’t travel anywhere we took Mondays and Fridays off all of July and hung out with every friend that dared, and ate a lot of gelato.

August was unusually cold. We were at a couple of cray fish parties and I got very tired of video meetings. Actually it’s not the video that I had issues with, just unproductive meetings in general.


Fall

September was beautiful. But for us it was terribly sad, as Agnes father passed away suddenly. We spent as much time as we could with her family, but life can never be the same.

October had the last few warm days of the year. I tried to soak it all up. But it’s never enough.
We had a beautiful, corona safe, funeral for Agnes father.
I also had a health issue, with another blood clot appearing, despite eating blood thinners. Which isn’t great. And required some radical rethinking of my situation.


Winter

November was the month of change. To make time to work on my health, and my entrepreneurial things, I quit my job I only just started in May. It was a good job, with a good team. But I didn’t have my mind in a long term change process, and I needed something else. As if on cue, my friend Annelie asks me to join her company for a period to help out with some big technical projects. So I jump in at 80% time. Keeping 20% time to work on my own.

December became the cosiest month since my nephews discovered xmas. We celebrated Agnes’ birthday, every advent Sunday, and Christmas twice. The entire month was a blur of cozy Christmas celebrations.


What I Learned

Like every year, I’ve learned a lot. Too much to summarise effectively. But a few things have really stood out to me.

Alcohol is bullshit. I drink too much. Actually everybody does. We’ve had two sober months this year and I’ve always known I feel better without alcohol, but I didn’t know how big the difference was… It’s huge. So I’ve cut down to nearly nothing, and I’m really happy about it.

I’m old, and scared of success. I’ve been working on building my own projects and products since around the start of the millennium. But I’ve learned this year that I’m spending most of my time preparing and researching action instead of trying things. Well it’s time to change that. I want to create things, and life is ticking away.

How much risk is reasonable? My friend Annelie has a great mental model: how much risk would I take, if I were a Chinese entrepreneur? This really brings me clarity. I’m very under-leveraged. I should take on a lot more risk, and worry a lot less.

Sweden bores me. My best friends are international, I don’t like the climate here, not the natural one nor the intellectual one. So we’ve decided we’re moving to Berlin when the lockdowns end.

Health & Fitness

I put my money where my mouth is and paid an excellent trainer, and it has helped, but I’m also uncomfortably fat right now. I have nothing to blame but boredom.

My health is sadly not perfect. I’ve been getting more blood clots and I’m not a permanent high dose of blood thinners. It’s hard to know what this means. The doctors don’t really want to talk about what happens after something like this.

I’m probably not dying right now. Which is good.
But I think this will kill me. And probably much earlier than I would have otherwise died. I need to act accordingly.

How to move from Squarespace to Eleventy

A personal blog isn’t worth $100 a year. That’s the thought that struck me when it was time to renew my squarespace subscription a few months ago. Instead I decided to move to something more light weight.

I didn’t want WordPress, I’ve used WP a lot over the years and I’ve increasingly felt it’s old school to the point of being annoying. So I went with simple text files, and used Eleventy to render those into web pages (thanks to TDH for the tips about Eleventy).

Then it just became a struggle of finding out how to move from Squarespace to Elventy. This is how.

Export your stuff from Squarespace

Squarespace has a lot of special features. And they haven’t spent a lot of time making sure you can export it. Instead we’ll have to rely on the standard: WordPress. All your pages and blogs will be exported properly. I have no idea about anything else.

This only works before you cancel your subscription!

  1. Log into your squarespace account
  2. Click the site you want to move.
    The site you want to export
  3. Click Settings, then Advanced, then Import/Export.
    Find export in the advanced menu
  4. Choose which blog should be your main one, this correlates to what WP knows as the post type “post”. The others will get custom post types based on their URL format, in my case “journal” and “talks”.
    Choose a feed to use as main blog
  5. Click export again
  6. Wait while Squarespace creates the export XML file. This can take quite a while, since they seem to batch these export jobs in the background.
  7. Hit the download button and save your export.xml file.
    Just press download

Now comes the tricky part. If you want to import this site into a new WordPress installation, it works just like a normal WordPress import:
8. Open your WordPress admin
9. You might need to add support for custom post types corresponding with any blog feed you exported before you run the import. If you need to, here’s a guide.
10. Go to tools and click import
11. If needed, install the plugin for importing wordpress xml files.
12. Find your export.xml file and import.
13. Done!

But if you’re not interested in WordPress, and like me would like to move to a flat file cms like eleventy?

Import your stuff into Eleventy

  1. Download this brilliant WordPress to Markdown script by Will Boyd.
  2. Install Node.js so you can run the script.
  3. Move your export.xml into the script folder
  4. Open a terminal and navigate to the script folder and run the following command: npx wordpress-export-to-markdown. For advanced choices see the script guide on Will’s GitHub repo.
  5. Make sure to use the --save-attached-imagesoption so you download all the images from your old site. Otherwise these will be lost when you close your Squarespace subscription.
  6. The /output folder created is your entire site, exported as flat files.
  7. Run npx degit 11ty/eleventy-base-blog my-11ty-project && cd my-11ty-projectfrom the terminal to set up a new blog using eleventy.
  8. Copy the /output folder over into  /posts in your eleventy folder.
  9. Navigate your terminal to the eleventy folder and run npm install and then npx eleventy --serve and that’s it! Your Eleventy export is done!

That’s it! Hope this quick guide helps you get started.

I’d also recommend using Vercel to host it. Here’s the guide for taking it live with their excellent Now service.

Magazines are coming back in a big way

I noticed this trend for the first time while visiting Berlin a few years ago. Hipsters love print, and are growing bored with short form “journalism” and blogs. So magazines are coming back.

I love Monocle for their magazine, but I’ll keep spending time in Soda Books and Under The Cover to find new things to read. Truthfully though, even in these sublimely designed magazines, most of the articles are just filler. Just like in “journalism” in general.