Category Archives: Uncategorized

How I Take Notes

In this blog post, I want to share some techniques on effective note taking. There are three things I’ve been doing:

  1. Writing Page Numbers and Table of Contents
  2. Periodically Reviewing Notes
  3. Choosing the Right Stationery

1. Page Numbers and Table of Contents

I write a page number at the top right of every page. You don’t have to do this all in one go; I tend to write page numbers every 30 pages or so.

I write a table of contents on the inside cover and/or my first page of my notebook. Again, you don’t have to write an entry every time you fill a page. The 30 page guideline seems to fit here.

There were some things I had to blur out but here’s a pic of my Table of Contents

In order to do this effectively, the titles in your table of contents should succintly summarize the contents of that page. Commas are a good idea here :)

Why do I do this?

Two reasons why I number my pages and write a table of contents:

Firstly, it’s a great way to keep your information organized.

The table of contents is there for when you’re looking for information you wrote down, but don’t remember what page it was written on: crack open your notebook, scan your TOC, and then flip to the page.

This is especially useful for writing quick reminders like phone numbers, email addresses etc.

What goes in the Table of Contents?

In my case: everything. Doodles, half written pages, grocery lists, an interesting quote someone said – everything goes in my TOC

2. Periodically Reviwing Notes

The second reason why I keep a table of contents is because reviewing your notes is more important than writing it down.

Reviewing your “Note to self” notes, “reminders” and “ideas for x” is when you actually learn if the notes you are taking have value. In some cases, reviewing your notes teaches you that you write a lot of unimportant things down and aren’t being productive at all. If so, it’ll help you when writing notes next time.

I actually have no idea what this spread was about

Sometimes, I extend reviewing my current notebook, to reviewing my past notebooks. This way, I can see how much I’ve improved in terms of note taking, learning what and what not to write down and seeing the evolution of my ideas.

3. Choosing the Right Stationery

I’m picky when it comes to stationery. Really really picky. I have specific pens for writing notes and markers for sketches and wireframes.

I’m so picky with my pens that I recently had to ship some pen refills from MUJI USA because I cannot find 0.3mm ball point pens at a Staples or Wal-Mart! I really like MUJI’s pens. I think they’re my favourite now – which really sucks since I can’t get them anywhere in Canada.

When it comes to general note taking, I need a ball point pen with a stroke width of no more than 0.3mm. Felt tip won’t do – I wreck them.

For wireframes, I use a sharpie marker. Thick lines help to lessen the focus on detail but on a general idea.

My notebook itself isn’t really a notebook. I prefer using 5 x 8ish hardcover sketchbooks. You can find them at Cury’s or De Serres (but not 0.3mm ball point pens? Come on!)

They’re small, tough (hardcover) and their paper stock is blank white and thick – perfect for when I press hard using those sharp pens and thick enough to prevent the sharpies from leaking through.

Moving to Rackspace

This month, I made the decision to move from a shared host to a VPS solution.

Why?

Firstly, I wasn’t too comfortable sticking my sites on a shared host in case one of my unruly neighbours brought the server down.

The sites I hosted inlcuded this blog, Annzilla‘s blog, RadicalRadical Creative and a number of staging/preview sites for my clients.

Granted, though I chose a good (but cheap) hosting provider who guaranteed “99%” uptime, I’ve had some issues. Sometimes, I would ask a client to review some changes I’ve done. But when they visited their staging site, the server would conveniently be down. That would be the 1% of the time, I guess.

Then there’s the security issue. Most of my clients run WordPress. Sure, I may update my WordPress installs diligently to avoid any nasty bugs but what about my neighbours? If their sites were compromised my sites may too (it happens).

Of course, managing my own host makes me the most vulnerable security point as the onus is now on me to make sure my server is bulletproof. Talk about pressure. But at least I know where to point the blame if anything nasty happens.

Aside: WordPress provides a pretty handy tutorial for administrators to help beef up their installs. Check it out here.

So, I chose Rackspace

Reasons why:

  • I like their pricing structure, though it seems a bit nickel and dime-y. But, if I keep a close eye on my usage, I should be good.
  • Their support team is pretty awesome: less than a day since I got my LAMP stack up and running, I already screwed something up. So I called them and A HUMAN picked up! Unheard of, right?
  • Their knowledge base is pretty extensive. When I needed a linux tutorial or some general linux help, I usually found what I needed there.

Next Steps

I’ve moved this blog and Annzilla for now. I’ll be moving RadicalRadical this month — just in time for RadicalRadical’s brand refresher!

Doing it Live

On Wednesday May 2, at 8pm EST I’m going try my hand at broadcasting live.

The show in a nutshell:

  • A panel of 5 discusses 3 topics of interest
  • These topics will be interesting to each panelist
  • People can chat. People can tweet at us. We will try to respond
  • The show will be uncensored (hide yo kids, hide yo wife)
  • There is no set. We’ll be broadcasting from our bedrooms

Seriously, there's no set and I'll probably be wearing that.

When: Wednesday May 2, at 8pm EST
Where: Join us at http://www.justin.tv/conradmuan as we make a fool of ourselves.

Why?

I don’t watch any television at all. My media consumption consists mostly of YouTube subscriptions and Podcasts.

There are a couple of shows in particular that inspired me to try this little experiment: Twit.tv is where I get most of my tech news. Watching the GSL (Global Starcraft League) and the Day[9] Daily is where I get my e-Sports / competitive StarCraft II fix.

The cool thing about those shows are that they are live and engage their audience. Panelist in the Twit network interact with a live chat who give them feedback on what they’re talking about. Same thing for Day[9].

When a GSL Finals is broadcast, #GSL is usually an international trending topic on Twitter (hilariously at 4am EST).

Now, those of you who know me are aware of my experiments in content creation. I’ve run a blog or two, made a couple of lame videos here and there, but this will be my first attempt at a live show.

Wednesday’s show is a pilot. If it’s well received, I may do this weekly for a month. If that month of content is well received, I may do it for two and so on and so forth. We’ll see!

You Can Go Through the Orange Portal Too.

I recently had one of those moments where I was stuck on a problem whose solution was so obvious, I questioned my intellect.

Everyone has these moments. If you’ve ever played a puzzle game, you’d know what I mean. Like the first time you picked up Portal and you realized that you can go through the orange portal as well – And some of you took hours to figure that out (I know you did, don’t lie to me!)

Obvious right? But not at first. Not when you’re a noob.

Similarly, I ran into a problem with JavaScript.

(Yeah I went there. From Portal to JavaScript).

I built an app where a user has to authenticate, do stuff, and submit. The forms were AJAX (ugh, I hate that word) so that the page didn’t refresh. I tested on a local server whose url was http://localhost:8888/ on my MacBook (this matters and I’ll get to it, promise).

Easy peasy

Everything worked fine. So I pushed to live (in this example it’ll be http://www.radicalradical.com/) – and, wtf my forms weren’t submitting.

Freaking out, I went through the checklist filed under “Work Dammit” :

Refresh.
Clear cache.
Refresh again.
Clear Cookies.
Now clear browsing history.
Do this on every browser.
Test on another machine.
Swear at it.
Refresh again.

A friend of mine was working nearby and came over to ask me what was wrong.

Well actually, he came to tell me to shut up because my swearing was getting in the way of his work. But he then asked what was wrong.

After showing him a demo on my local server, then on live, we cracked open console and found that it was Cross Domain Issue.

On to the next problem: what the hell was the causing the cross domain error? I wasn’t POSTing anywhere else except in my app!

Freaking out again, I started Googling. Luckily my friend was there and pointed out the form action URL vs the URL in the browser:

He pointed out that the forms actions in my app were something like <form action=”http://www.radicalradical.com/foo/bar”> while the URL in the browser was http://radicalradical.com

To which I respond, “dude what’s your point?”

Here’s that moment I told you about

“They’re not the same domain, therefore you’re getting a cross domain issue. ‘www’ is a subdomain of domain.com, or in your case, radicalradical.com”

So, I redirect anybody from radicalradical.com to www.radicalradical.com and it worked like a charm.

Lesson Learned

Of course www is a subdomain!

You Should be Charging More

Here’s my process when interviewing a new (prospective) client:

  1. I conduct my Client Interview Questionnaire. This is a list of questions I’ve been adding on to for the past couple of years
  2. I try to get into my client’s head and see how their business objectives can be achieved through my design and technology solutions. Here, the prospect usually gets more confident about the project and starts listing out concrete requirements for the project.
  3. We talk about budget and scope and I get back to them with an estimate which we use as a statement of work

I’ve been fairly lucky with all of my clients as most have understood the amount of work is involved in web. However, once in a while, I get those prospects that at first seem to understand a good budget for this type of work, but in reality have grossly under budgeted their project.

In these situations, when we get to step three of my initial client interview, their budget turns out to be something along the lines of “none” to “a couple of hundred dollars”.

Not something a web shop would like to hear. These clients usually have change requests by the boatloads and have scope creep trailing them wherever they go.

One of the Undesirable Clients

Of course you want to say no right away. I have.

Lately, I’ve been saying “no” by up-selling them. Once I identify that this prospect may be a headache, I give that headache a monetary value.

Raise Your Rates on the Undesirables

Up the rate by 25%. Do it. Even after they tell you their budget.

If they say no, it’s exactly what you wanted. If they say yes then….

Up your deposit by 25%. Protect your business.

They said yes. Shit.

Well, that’s why you upped your rate and upped your deposit. If you end up having to fire them (another blog post perhaps) you’ve at least gained some value out of it.

By value, I mean money. You know that right

The Pomodairo App

A couple of months ago, I posted a video about the famous Pomodoro Technique and how I use it once in a while to combat procrastination and help with my overall productivity. You can watch it here:

If you don’t know what the Pomodoro Technique is, here’s a quick tutorial:

  1. Set an alarm for 25 minutes
  2. Do work for 25 minutes, don’t answer emails / IMs etc
  3. At the end of the 25 minutes, set a 5 minute alarm
  4. Stop working for 5 minutes
  5. Repeat 1-4. On the fourth time, do a 20 minute break

That is one Pomodoro. Only do 5-7 Pomodoros a day and before you start your day, plan out your Pomodoros.

I’ve been on this technique on and off for the past two years. Then I found this amazing Adobe Air App:

The Pomodairo App

I’ve used this for one day so I’ll probably blog about it again. But so far here’s what I like about this app:

  • Allows you to estimate how many Pomodoros a task will take
  • Records the actual amount of Pomodoros you spent and even any interruptions
  • Limits your Pomodoros to 5-7 a day
  • Automatically starts your break after your 25 minute work sprint

My only problem with the Pomodoro Technique is I’ve just been getting interrupted a lot lately with emails and chats!

Blogging is Hard

This will probably be my 100th attempt at keeping an online presence.

Seriously, here’s some stuff I tried and failed:

  • Tumblr. Not many people know this but I have a tumblr and it sucks. Also, I’m not going to update that anymore (note to self: do password retrieval for tumblr)
  • WordPress.COM – the commercial version, but I’m a dev! Why the hell should I give up control to someone else?
  • About.me/ConradMuan - does this count?
  • And others I’m too ashamed to mention. Like LiveJournal. I deleted that one right?

Reasons why It’s Hard for Designers/Developers to Blog

  • We want to design and build our own WordPress theme (if the site is running on WordPress at all)
  • Updating is time consuming
  • We feel like nobody is going to read it

Reasons why the above list is utter crap

Stop worrying about designing/building your own theme

If content really is king then just pick a starter/default theme and go*. You can always change the look and feel later.

Updating is hard because you don’t plan to update

I tell my clients (and I’m sure other web guys do too) that they should do a slow and steady content release schedule if they want to blog on behalf of their company. Something like once every two weeks. Share to immediate network (Facebook, duh) and repeat.

Nobody is reading your blog because you are not posting useful information

Here’s a typical scenario in my workflow:

The client requests for a common design feature (like a sticky footer) and for some reason, I forget or have no idea how I did it the gazillions of times before.

Googling yields to a page showing a common way to achieve it and clicking how this works yields to an article by some company under their section entitled, Resources.

Lesson learned: if you have valuable information other people would also value, then just share it.

So, that’s it

I’m going to follow these rules in order to maintain a content release schedule. See, even my first post is an article discussing reasons why blogging is hard and how to overcome them.

Footer Notes

* I’m going to try sticking to take my advice further and stick to a default theme for the lifetime of this blog.