Posts

The Studio Display: Finally

For years — literally years — I have been complaining about the monitor situation for Mac users. Here’s what I said the last time I wrote about this:

Apple’s external display situation remains a hot mess. They offer a mismatched 24LG screen, an ugly 27LG screen with inconsistent build quality and no glass above the LCD panel, and a $6,300 (CAD) 32pro display” with an optional” $1,300 stand. To make matters worse, this $7,600 setup was outshone this week by the new 13″ iPad Pro, which offers a much better backlighting system with 2,596 local dimming zones. The pro display offers 576.

I followed that up with:

I’ve been complaining about this display problem since 2019, and I don’t want to complain about it for much longer. If somebody who works at Apple somehow ends up reading this, here’s a note for you: it would be easy for you to fix this. Tear the computer out of the iMac and sell me just the screen. I (and I am sure many others) will give you up to $2,000 for this product. This is easy money for you. Please take it.

Finally, in the year of our Lord 2022, Apple sells a 5K, 27″, first-party display with 218PPI and a factory-calibrated P3 colour gamut. In Canada, it starts at $2,000. (Did somebody at Apple read my blog post?)

I’ve seen a lot of reviews that compare the Studio Display to other monitors. There are lots of cheaper options that are just as good,” is the common thought.

There are not.

If your priority is 5K resolution at 27″, with a PPI of over 200 pixels, you really only have one other option: the LG Ultrafine. It’s the option Apple previously sent Mac users to. I owned one, and it’s definitely not great.

The stand is wobbly. Sometimes the monitor doesn’t turn on, or flickers on and off until you unplug the laptop and plug it back in. It creaks when you adjust the height, and it wobbles and vibrates every time I hit a key on the keyboard (I’m a loud typist).

The LG Ultrafine is $1300 USD ($1,750 CAD), and one thing not included in that price is reliability. (It shares that theme with the butterfly keyboard.)

In fact, that monitor/​laptop combination was so bad that I sold both and bought an iMac Pro instead, relegating myself to primarily work at a desk for the past few years. I have a MacBook Air — a machine that love — but I use it exclusively when I’m away from my desk. Before I work on it, I have to spend a lot of time syncing git repos, server databases, raw photos in Capture One or Lightroom, and creative assets like font files before I can get to work. I really miss having a single computer with all my stuff on it, all the time.

So I ordered a Studio Display the minute they were available, along with a 16″ MacBook Pro with M1 Max. My display should be coming sometime in the next couple weeks, and the laptop arrived a week ago.

I’ll have more thoughts to share on both products later, but for now I just wanted to say I put my money where my mouth is. Dear Apple: thanks for listening.

Every video game needs a grappling hook, a hang glider, and velociraptor riding

You know when you’re reading an article online, and for some reason, there’s a video ad on the bottom right of the screen that has nothing to do with the website or the article?

The video ad I saw recently was a perfectly-targeted ad. I don’t know how they did this. But it was an ad for the new Horizon game. And it was like it knew me.

The big feature the ad showed off was the new machines in the game. And the ending of the ad was, get this, Aloy riding a velociraptor.

So somehow this ad perfectly targeted me:

  • It knew I owned a PS5
  • It knew I played the previous Horizon game
  • It knew I love velociraptors

Now, here’s the thing: I wasn’t planning on playing the new Horizon game. I’m knee deep into Elden Ring on my Playstation, and I’ve got a bunch of more casual games cooking on my Xbox (related: Game Pass rocks), so Horizon was going to get a pass from me. 

But I’m now eager to play it, because I have a basic human desire to ride a velociraptor.

My wife suggested the Venn diagram of PS5 owners, Horizon players, and velociraptor fans must have a lot of intersections. But I disagree. If there were that many people like me, they would have done a better job marketing this feature of the game. I visit Polygon and Kotaku every day, and I had no idea I could ride velociraptors.

First of all, if there were a lot of people like me, the front cover of the new game would just be Aloy riding velociraptors. Instead of Forbidden West, it’d be called Horizon: Ride Velociraptors. And every possible ad for it would just be Aloy riding velociraptors. 

If these conditions were met, I would have pre-ordered without even thinking.

Because here’s something I earnestly believe after playing Breath of the Wild and Halo Infinite: every game should have a hang glider and a grappling hook. The new Horizon apparently has both these features, and it also has velociraptor riding.

So let me revise my opinion: every game should have a hang glider, a grappling hook, and velociraptors to ride. I don’t think I’m asking for too much.

As much as Sony is the dominant leader in the video game market right now, they also have a marketing problem: I am basically the target market for this game, but they failed to reach me with this pivotal information before the game came out. And when they finally did reach me, they did so with an automatically-playing web ad, which is the worst possible way to reach me.

Somebody in the marketing department is messing up.

(Also, I don’t know who’s in charge of Horizon release dates, but the first one was released a week before Breath of the Wild and this one is released a week before Elden Ring. The person in charge of sorting out release dates for Sony needs to take a good, hard look in the mirror and sort out their life.)

Update:

Upon further research, it turns out you can also ride giant pterodactyls in the sequel, and they didn’t advertise this. In fact, people are mad at critics who have spoiled” this for them.

But this shouldn’t be a spoiler! LEAN INTO THE DINOSAUR RIDING. That’s at least half the appeal of this game. Riding velociraptors and pterodactyls is a feature, not a spoiler!

Imagine if the people in charge of marketing Halo Infinite said, You know what? Nobody needs to know about the grappling hook.” 

That grappling hook changed my life. Infinite is the best Halo game solely because of that feature. (I’ll die on this hill.) If Master Chief also had a hang glider, and he could ride velociraptors, it would easily be among the best games ever made. 

In conclusion: if you’re making a video game, and you want it to be great, make sure you include the following:

  • a grappling hook
  • a hang glider
  • velociraptors I can ride

If you were to market each of those features, you are guaranteed to make a best-selling, critically-acclaimed masterpiece. 

Horizon: Forbidden West just skyrocketed up my wish list.

The 24″ iMac, the end of M1, and more complaining about Apple displays

The new 24" iMac

First things first: the new, M1-power iMacs are visually incredible. The colours are bold. I like it a lot. I want the yellow one (above) — look at it. It’s great.

I’ve seen a lot of people say they don’t like the front of these machines. They say the white bezels are distracting and the chins are ugly. Whether or not the chins are ugly, as far as Apple is concerned, they are an iconic part of the brand.

I have an iMac Pro, which I stare at every day. I have never been bothered by the chin. I’ve also never been bothered by the size of the bezels.

My television (an old 1080p Sony Bravia) has a silver bezel on the bottom. It is ugly as sin, and serves no purpose. But I have never noticed it while watching television.

In short, I don’t think the bezels or chin are as important as everybody else. I do think the bezels and chin on this new iMac look cool, but I will not be ordering one myself.

Secondly, the new 24″ screen is a 4.5k screen. This is interesting because the 24LG monitor Apple sells in their stores is only 4k. At 24″, LG’s 4k monitor is too low-DPI to meet Apple’s qualifications for Retina.

The differences in resolution mean that buyer’s of Apple’s 24″ iMac do not have a matching second screen they could purchase, should they want one. I doubt this matters to most people in the market for the entry-level iMac, but it’s curious.

Apple’s external display situation remains a hot mess. They offer a mismatched 24LG screen, an ugly 27LG screenwith inconsistent build quality and no glass above the LCD panel, and a $6,300 (CAD) 32pro display” with an optional” $1,300 stand. To make matters worse, this $7,600 setup was outshone this week by the new 13″ iPad Pro, which offers a much better backlighting system with 2,596 local dimming zones. The pro display offers 576.

If none of that meant anything to you, let me be frank: Apple’s pro display for their Mac is outshone by their tablet range. As a friend of mine said the other day, you’d be better off taping four iPad Pros together and treating them as one extended display for your Mac than you would buying Apple’s Pro Display XDR.

I’ve been complaining about this display problem since 2019, and I don’t want to complain about it for much longer. If somebody who works at Apple somehow ends up reading this, here’s a note for you: it would be easy for you to fix this. Tear the computer out of the iMac and sell me just the screen. I (and I am sure many others) will give you up to $2,000 for this product. This is easy money for you. Please take it.

Thirdly: it looks like the M1’s story is mostly complete. Apple has released an M1-powered iPad Pro, MacBook Air, Mac mini, 24″ iMac, and 13″ MacBook Pro. We have never seen a computer chip across this large a range of products.That alone is revolutionary. But whatever chip powers the high-end laptops and desktops will not be the same as this M1. Undoubtedly, it will offer more computer power and better graphics.

The M1 is an incredible chip. The new MacBook Air, which I’m writing this post on now, feels as fast to me in use as the iMac Pro on my desk — yet it’s the low-powered chip. How much headroom is there above this? How far can Apple push their architecture? Will Apple have in-house GPUs that can rival what they typically purchase from AMD? How much RAM will these new machines have? How much will these machines cost?

But most importantly: Whatever comes next, will Apple please, for the love of everything good in this world, rip the computer out of the iMac and just sell me the display.

The Canon R3, Sony A1, and the future

Toronto skyline during sunset

I was surprised and excited earlier this week to see the announcement of Canon’s new EOS R3 camera. I was expecting them to announce their flagship R1 camera (which would sit alongside their 1D series), but instead, Canon has surprised me with a new” product line.

The 3‑series moniker has been used by Canon before, but not since 1998. (In fact, they never made a digital 3‑series camera.) The R3 incorporates the EOS-3’s headlining feature: Eye Control AF. Eye Control AF essentially uses the position of the photographer’s eye in the viewfinder to dictate autofocus placement. If it works well (the 1998 implementation was not always well-received, but it’s been more than 20 years since), I think this could be a game changer.

Not only that, but this looks like a 1D-series camera: it has an integrated battery grip. On the Sony camera I used to own, I bought their battery grip separately to make the camera more comfortable for me to hold. Canon’s cameras fit my hands much more naturally, but I’d still be very interested in something a little bigger.

But I’m way more excited about two other features in this camera: 30 FPS shooting and the Stacked CMOS sensor.

30 FPS shooting means that this camera should compete directly with Sony’s technologically-breathtaking A1 on at least some level. The A1 is Sony’s flagship, though, and the R3 will not be Canon’s flagship. I’m taking 30 FPS on the R3 as a statement that Canon can outdo the A1 whenever they release their R1 flagship camera (next year, perhaps).

The Stacked CMOS sensor is even more interesting. For years, Canon has been behind in sensor tech. Stacked CMOS leaps over the BSI technology Sony used for years and skips an entire sensor generation. More importantly, Canon designed and will manufacture the chip themselves. Unlike Nikon’s sensors, this won’t be a Sony gizmo.

This will be the first Canon sensor with backside illumination, which will help dramatically with low light shooting (an area where Sony still edges out, in my opinion). But it’s also going to be a boon for overall sensor speed. That Stacked CMOS sensor is undoubtedly how Canon is getting to 30 FPS.

There are some obvious questions that remain from this announcement:

  1. What is the megapixel count? (I don’t need more than 20 – 30mp, but I’m curious who the intended market is for the R3.)
  2. Does it record video? Of what quality, and with what limitations?
  3. Does it have a flip-out screen?
  4. When can we get one?
  5. What’s it cost?

That being said, there are some less obvious questions that are more interesting to me:

  1. The R3 already looks an awful lot like what I expected the R1 to be. In fact, my mirrorless R6 performs quite similarly to Canon’s flagship 1D Mark III dSLR. Canon’s new bodies are exceptional, but clearly they think they can make them even better. How much space is left above the R3 for an even better camera?
  2. If the R3 competes with Sony’s A1, does the R1 sit in a new class of its own?
  3. If Canon can surprise us with an in-house Stacked CMOS sensor, does that make the rumours about their global shutter more likely to be accurate? (That would be incredible.)
  4. How does a Stacked CMOS sensor change the familiar attributes of Canon’s cameras? For me, Canon’s approach to colour and exposure is more intuitive than Sony’s. How much of that is because of their (admittedly outdated) sensor tech? Will any of these positive attributes get worse?

The past couple years have been the most interesting years for camera bodies in two decades. I’m extremely excited about the R3, but largely because it represents an even bigger change in the lineup. It means that Canon isn’t resting on their laurels — likely because of Sony’s aggressive market reach and increasing dominance in the mirrorless sensor. As a fan of both companies and an owner of Canon’s system, nothing could excite me more.

Hello Canon: One Month With the EOS R6

I never wanted to buy a Canon camera. 

Years ago, when I moved from Nikon to Sony, I never considered a Canon. I had heard too much about the Canon cripple hammer,” as conspiracy theorists call it, and had decided in advance that they weren’t for me. 

Two years later, here I am. Let me definitively say this: I was wrong. Canon’s new EOS R6 is my favourite camera that I’ve ever shot with. Period. Full stop. Bar none. (If you’re curious about why I moved away from Sony, I wrote about that as well.) Here’s my review after one month of shooting — and a generous smattering of photos I’ve taken with the camera as well.

The R6: A Mini 1DIII

A lot of people have already noted that the R6 shares its sensor with the 1D X Mark III, which is an incredible camera priced at $9,000 CAD. But outside the sensor, these cameras are markedly different. For one thing, the R6 is mirrorless, but it’s also much smaller and lighter. 

The R6 has also been compared to the 6D series’ build quality and weather sealing. I don’t know where folks are getting their information from, but for what it’s worth, Canon have also told some reviewers that the R6 has the same weather sealing as the 5D. (I’m inclined to think this is true, since the R5’s sealing goes far beyond what the 5D offered.)

All this has created some confusion: is the R6 a replacement for the 6D or the 5D DSLR series?

The CN Tower reflected in the windows of TD Bank, with orange lights poking out from behind.

In my opinion, it isn’t a replacement for either of them. Canon have a different product strategy for their mirrorless lineup. That strategy is simple: give you 1 DX levels of performance in a compact, comfortable, and reliable body at one third of the price. 

It’s that simple. 

Shooting with it

Of course, none of that matters if it’s not fun and easy to shoot with. After all, that’s the bug I had up my butt about my Sony gear: shooting with it was tedious and joyless. I am happy to report that’s not the case with the R6.

The R6 has a fantastic, generously-sized grip — exactly what you would expect from Canon. It feels like a DSLR, but it’s not quite as large as one. It’s very easy to carry the camera without a strap, even with a heavy zoom lens. I have done this for hours at a time. The camera is heavier than the a7 III, but because the R6’s weight distribution is so much better, it somehow feels lighter in the hand.

The buttons feel great, too. All the port coverings are labelled (unlike the Sony), and even the dual SD card slots have a very nice card eject mechanism. These are little niceties, but they make a difference. It’s like the old magnetic charger for MacBooks: these are tiny improvements that, once you’re used to them, are difficult to go without.

An image of a Toronto city street, shot the ground in the middle of the street.

Another thing that I much prefer about the Canon: it’s so much easier to change lenses. The shutter closes by default when you turn the camera off, which helps swap lenses without getting dust on the sensor. The lenses are also clearly marked, and it’s easy to identify where they mount by feel if you’re in the dark. This is a killer feature.

I also love the flip-out screen. This is new to professional-level Canons; the 5D IV didn’t have one. I have used it almost every day; it’s one of my favourite features. The touch screen on the R6 is almost as responsive as my iPhone, which is high praise. While you’re shooting, nearly all the most important camera functionality is always available from the touch screen.

The CN Tower lit up with rainbow colours.

Here’s something that surprised me: I don’t think the menus are that great. Sure, they’re better than Sony’s, but that’s a low bar. As these cameras become more and more feature-packed, the menus are bound to get more cumbersome. So it comes down to the devil you know. 

But still, some of the menu choices are downright bizarre. As an example, if you want to film at 120p, that’s in a different menu than all the other frame rates and movie modes. And once, I spent ten minutes trying to find an option in the menus that used an unnecessary short form (Exp. instead of Exposure). If there’s space on the screen to display the whole word, these companies should do that. Both Sony and Canon are making the same menu mistakes. 

But overall, I much prefer shooting on the Canon to shooting on the Sony. In actual usage, it’s not even a contest. The Canon is much more comfortable and way more fun. Over the past five weeks, I’ve eagerly shot with it almost every single day. I love it the way I love my iMac: it just works. Exactly as a tool should be.

Image quality

How do the photos look off this thing, though? In a word: exceptional. I was a little nervous about losing dynamic range I could capture with the a7 III, but I’ve had nothing to worry about. Sony might claim more dynamic range on paper, but in practice, they’re basically identical.

An image that looks very over-exposed of a sunset above a field of trees. The sky is so blown out as to be nearly white.

That being said, I haven’t had the chance to try the R6 in a low-light event space yet (you know, because COVID). I have no idea how it will perform at ISO 3200 indoors because I haven’t needed to push it that high. But given how it performs at ISO 1200, I’m not worried.

The R6 also seems to be less reliant on ISO than my Sony. I frequently found that my Sony needed to be pushed to ISO 800 or higher, and the Canon rarely needs to get pushed as far. (It’s important to note that ISO isn’t really a universal standard, so this isn’t surprising — it’s just indicative of how hard it is to talk about and compare different camera systems.)

The Toronto skyline at night, with its lights reflecting in the waters of Lake Ontario.

While I’m talking about ISO, this seems like a good time to mention Canon’s IBIS system. For stills, the IBIS is sensational. I can pretty easily get a one second or two second exposure handheld, even at telephoto distances. With a wide angle lens, I can take a four second handheld exposure. It doesn’t completely obviate the need for tripods, but it helps.

The R6 has a 20mp sensor, which is low compared to the competition. That being said, the files are incredibly sharp and surprisingly detailed. They appear sharper than the files I would get out of the a7 III’s 24mp sensor. It’s hard to say if that’s a result of the camera or the lenses, but I’d assume it’s a bit of both. In all honesty, while 20mp and 24mp sound different on paper, megapixel resolution doesn’t scale exponentially, so the difference is fairly minor — just a couple hundred pixels on either side.

The files are so sharp from the Canon, though, that I am often turning down sharpness. In Lightroom, I’ll put the Clarity and Texture tools at negative numbers on occasion — the photos are that sharp. 

Autofocus has been excellent, at least on par with my Sony, if not better. The only time I ever had an issue was when I was using the Canon mobile app to shoot remotely. I assume that’s a bug that will get patched soon; this camera is still brand new, after all. (I also missed focus occasionally because of user error. Even this camera can’t fix my stupidity.)

An image of a website about electric cars on an iPhone. The iPhone is lying on a leather couch and surrounded by toy cars.

Finally, I want to briefly touch on Canon colours. I don’t want to say they’re better” than Sony’s, because colour science is often misunderstood. What I will say is that the colours are much more predictable in post. I can look at a jpeg preview in-camera and know how I’ll tweak the colours later. As you might predict, this has made my editing workflow much smoother. I’m probably saving anywhere from 20%-50% of the time I spend on photo editing now, and I can get much more consistent results. 

So, in short: great image quality. Dynamic range is more than you’ll probably ever actually need, the colours look great and are easy to work with in post, and the autofocus nails it. 

Is the image quality better than the Sony? It’s certainly not worse. It’s just different. I prefer it, but this is subjective. Your mileage may vary.

The RF system

Can I talk to you about lenses now? As far as I’m concerned, the RF glass is the best reason to switch to Canon right now. 

The RF glass I own is simply sensational. I bought the trinity: the 15 – 35 2.8, the 24 – 70 2.8, and the 70 – 200 2.8.

A large, isolated tree in the middle of a farmer's field.

The 24 – 70 is far and away the best I’ve used in its category. I don’t typically like this zoom range much, but this has become one of my favourite lenses. It renders sensationally. Canon also makes a 28 – 70 f2, which sounds amazing. I’ve been told the images it records make my 24 – 70 look like a child’s plaything, which I find hard to believe — but also, I want one. 

The new 70 – 200 is also awesome. Unlike my Sony, it is sharp all the way through, from 70mm to 200mm. And it’s so small and chunky! I love it. I can stand it upright in my backpack (so long as I’m not also carrying a laptop), which saves me a ton of space. (I’ve heard Canon is working on a 70 – 135 f2 lens, which… drool.)

A wide image of the Canadian flag in between multiple skyscrapers. The image is shot from the ground, so it's like you're looking straight up at the sky with the flag billowing a hundred feet above you in the wind.

The 15 – 35 is interesting. In all honesty, I think I preferred Sony’s 16 – 35GM, which was a truly sensational wide angle performer. The Canon lens has an even stronger vignette in the corner, which makes the lens difficult to use for portraiture. (I once shot an engagement session entirely at 24mm on the Sony, and people love how it turned out. I don’t know if I would do that with this lens. I would absolutely use the 24 – 70 for this purpose, but maybe not the 15 – 35.) That being said, Canon’s take on this lens includes built-in lens stabilization, which is a nice addition for landscape, real estate, and architecture work (four second handheld exposures!).

While the difference between the two wide angle lenses is subtle, I much prefer Canon’s 24 – 70 and 70 – 200 lenses over the Sony equivalents. It’s night and day; the glass is substantially better. This isn’t even Canon’s best work; if you want to see what the system is truly capable of, the 50mm f1.2, 28 – 70 f2, and 85mm f1.2 are expensive, but supposedly unbelievable. Not only that, but the EF to RF mount adapters make it easy to use EF lenses with the new Canon cameras — and there are some classic lenses in their lineup.

A runner about to take off. the image is shot with a wide angle lens from the sole of his shoe. It looks like he's already eight feet ahead of the frame, even though the shoe is right in your face.

Comparing the Canon R6 to the Sony a7 III

In my exit review of the Sony a7 III, I listed a few things that I didn’t like about Sony’s cameras. I thought I’d list out some of those issues, and directly compare the Sony and Canon on those fronts.

  • Ergonomics: Every Sony I’ve ever is uncomfortable in my hand. For what it’s worth, my hands are probably the average size for my height (six feet exact), so it’s not that I have huge hands” and can’t hold Sony’s gear. It’s literally that Sony’s gear is too small. Canon’s mirrorless offerings are night and day better; it’s not a contest, and I doubt you’re surprised. Sony’s recent announcement of the super-small a7C belies the fact that Sony doesn’t believe this is an issue. It is. There’s a place for small cameras, but it is so important that we make tools that are ergonomically sound.
  • Changing lenses: Changing lenses is so irksome with the Sony that I listed it as a bug in their system. This is a non-issue with the Canon. Overall, the system I found it easiest to change lenses with is Nikon (back when I shot Nikon), but why would anyone shoot Nikon these days? (Please don’t send me hate mail about this.)
  • Editing workflow: it’s so much easier to work with the Canon files. This is true in every app I’ve tried editing the files in. My editing time has shrunk exponentially, which means I’m shooting more.
  • Shooting quirks: The R6 doesn’t need to be underexposed like my Sony. I can half-press the shutter button and continue to adjust my exposure settings without releasing the shutter button. I have not experienced a single bug or glitch yet (though that does not mean they don’t exist). Unlike my Sony gear, there has never been a situation where the Canon silently failed to record images to a memory card, or recorded everything to the card with a green overlay, or failed to recognize its own batteries.
  • Flip-out screen: The R6 has one, and the a7 III does not. The only Sony cameras with flip-out screens are the new a7C and the a7S III. I am confident more flip-out screens are coming to their lineup, but shocked it took this long. Flip-out screens aren’t just for vloggers; they’re important accessibility features for people who are physically handicapped as well.

At the end of the day, almost all of my problems were about usability and workflow issues. These are things that you don’t read about on a spec list, but you do experience them over time. The a7S III’s marketing page includes a section about improvements for workflow efficiency.” This is something Canon doesn’t typically need to advertise; outside of the Multi-function Touch Bar on the EOS R, their ergonomic blunders have been few and far between.

Canon’s image quality has been tested and proven time and time again. Sony’s image quality is also very nice, but until recently, they hadn’t been focused on usability and workflow at all. While I’m glad to see Sony is working on it, it’s an iterative process. It will take years for Sony to sort this out. I got tired of waiting.

For me, this has been like switching from Windows to a Mac, or an Android phone to iPhone. It’s been an instant improvement. The R6 mostly works the way my brain works, which helps the camera become a physical extension of my body. It lets me focus on the photo, and not the device I’m making the photo with. I couldn’t be happier with the move.

I never wanted to buy a Canon camera, but I guess I’m one of those Canon people now. It’s like being an Apple devotee (I’m also in this club), a BMW driver (who else drives like that?), or a New England Patriots fan (the most unfortunate). Never say never… but I don’t plan on going back.

Goodbye Sony: An Exit Review of my Sony A7 iii

At 10am on August 24th, I walked out of my favourite camera store with the new R6, the RF 24 – 70 f2.8, the RF 70 – 200 f2.8, and the RF 15 – 35 f2.8. It was a complete swap: I sold all my equivalent Sony gear, including my GM lenses, and moved over to Canon wholesale.

I had been using Sony’s critically-lauded A7iii since its release, and had migrated to Sony from Nikon (which I had shot with for almost a decade). At the time, moving to Sony made sense: Nikon’s mirrorless offerings were not impressive, and Sony made their best sensors. I figured it would be a pretty easy maneuver.

And it was! The switch felt natural and easy. Once I set it up to my liking, the Sony system felt pretty easy to use. Some of their lenses are truly fantastic (although not all — more on that in a bit), and once you learn their menus, it all becomes second nature pretty quickly.

I shot many thousands of images with my Sony gear — somewhere over 100,000 shots in just a couple years. It’s good. The dynamic range is excellent, the batteries last a long time (in their newer cameras), and the surrounding community of Sony shooters is filled with knowledgable and helpful people. For all I know, Sony’s cameras might be right up your alley.

With that all being said, I’d like to tell you why I sold all my Sony gear.

Statues in Bangkok

Ergonomics and usability

First of all: Sony gear is not fun to use. I don’t know what it is. It might be the build materials. It could be the ergonomics. It might be that the body is a feather, but the lenses weigh a ton. (That being said, even a small, lightweight lens didn’t make the Sony more fun to shoot with for me.)

Somehow, shooting with the camera became a chore. I never felt like using it outside of work. I didn’t like the way the buttons felt (for some reason, the AF-ON butt was so hard to hold down). I could never get a good grip on it. The whole thing was too small; my pinky finger never knew where to go.

I ended up buying Sony’s battery grip — not because I needed the extra battery power, but because adding the extra weight and bulk gave it some much-needed mass. I could at least rest my pinky on it. The battery grip also doubled my battery life. The battery life on the Sony is insane, by the way. With two batteries, I could shoot for three days.

Woman taking photo

I couldn’t use the Sony camera without a strap, because the grip wasn’t big enough for my fingers to wrap all the way around it. And if my fingers did wrap all the way around it, the shutter release button was right beneath my middle fingertip.

That brings me to changing lenses: it’s painful. Sony’s markers on their lenses are hard to see, impossible to feel, and not in line with any of the lens’ switches or buttons. After years of swapping lenses, I never got the hang of it.

An image of four men sitting in a semicircle on a church stage. The pews are filled with people looking on.

To make matters worse: Sony doesn’t close the shutter when the camera is off, so when you’re changing lenses, the sensor is exposed the entire time. Switching lenses is cumbersome and always takes longer than I expect, so dust gets on the sensor. Even if you can change lenses quickly, this is unavoidable. I had to clean my Sony’s sensor all the time. All the time: every month at least, sometimes every week. Guess how many times I ever had to clean my old Nikon’s sensor.

Editing Sony files

A lot has been said about whether Sony’s colour science is accurate or inaccurate. Honestly, I don’t care. I shoot RAW and I edit my colours in post. But on the Sony, that’s not easy. Adobe’s profiles in Lightroom are terrible for Sony’s cameras. The oranges are much too close to red, and there’s something wrong with the blue curve. I spent years fighting this.

A man and woman kiss in front of a small waterfall and pond.

Eventually, I moved to Capture One. Capture One is known for its colour editing prowess. Even with Capture One, I could never get the colours to look right: oranges still looked weird, and the blue curve was still way off.

A black and white image of a large event hall. The screen is lit with colour and says "Creative Mornings Toronto" on it.

One should not judge their camera by their editing software, but honestly, if you have to move mountains to edit your camera’s files, something is wrong. 

Something else is off about the files. Even on my iMac Pro, which is a beast of a computer, the files were difficult to work with. It didn’t matter what editing app I used; somehow, my iMac would also demonstrate lag while editing. Brushes in Lightroom, Photoshop, and Capture One were particularly painful. Eventually, I just came to the conclusion that the .ARW files Sony compresses their RAW data into are probably difficult to work with. I can’t think of any other reason I’d have issues like this.

Shooting quirks

Sony also expects you to slightly underexpose all your images if you want to get the most dynamic range possible out of your images. Why? Because if you underexpose, you’ll save your highlight data, and they’re very confident about their cameras’a ability to preserve shadow detail. You can get a lot of shadow detail out of Sony’s cameras without adding any additional colour noise, which is great, but it has some obvious downsides.

A man in a suit and a woman in a wedding dress pose in front of a wall of very green leaves.

First, it makes the exposure preview in the viewfinder a little difficult to use at times, particularly if you’re shooting indoors. That being said, you can quickly disable that in the menu if you need to. It’s also one extra thing you need to adjust every time you edit an image.

The latter is what’s most bothersome for me: it’s another thing to edit. I want to spend less time editing, and more time shooting.

I nearly forgot to tell you about the software bugs I had too. Here’s a brief list of the rare, recurring bugs that derailed my client shoots:

  • The camera didn’t recognize its battery and threw an error. Fixed with reboots. This happened all the time.
  • The camera didn’t recognize the on-brand battery grip. This bug manifested itself by making all my photos green. Fixed by taking the grip off and screwing it back on. 
  • Without displaying an error, the camera would silently fail to save images to either SD card. This is maybe the worst bug I could ever imagine. To fix it, I would remove both SD cards from their slots and — I kid you not — blow in the slots like it was an N64. This happened twice in two years, and this bug was the final straw before I decided to switch. 
  • The shutter doesn’t close when you turn the camera off. I know I mentioned this already, and I know it’s intentional design, but it’s such a poor design that it’s basically a bug — so I’m treating it as one. Sony’s solution is to sell you an A9 II, apparently. 

There are other quirks when you’re shooting, too. For example: if I held the AF-ON button or the pressed the shutter halfway to focus, I wouldn’t be able to adjust any of my exposure settings without releasing the focus button. So sometimes I would remove my finger from the shutter, make my changes, and miss the shot. That’s one example of a minor usability issue, but things like this are important! It’s what separates trusted and reliable gear from broken refrigerators.

Also, while I’m being being picky: I appreciated the tilting screen, but longed for the flexibility of a flip out screen every time I was getting low for portraits or landscapes. Plus, the touch screen on my A7 III was so bad as to be useless. I turned it off two days into ownership and never looked back. 

Some notes on lenses

I also wanted to quickly mention the lenses I shot with. Out of all of them, my far-and-away favourite were Sony’s wide angles. Their 16 – 35mm f2.8 GM lens was, at the time, the best lens I’d ever owned.

An image of the CN tower poking out from behind the TD buildings.

That being said, Sony’s lenses were less impressive in the telephoto ranges. I didn’t buy their 24 – 70GM because, after trying both, I thought Tamron’s 28 – 75 outshone it. Even the Tamron’s images left something to be desired; they never sparked any creative muscles in me.

I used Sony’s 70 – 200mm f2.8 GM extensively as well; it was probably my most used lens. It was very good up until 135mm, where it started to get soft. By 200mm, it was essentially smeared with vaseline — especially indoors. This was not limited to my copy of the lens. I rented seven different copies of this lens and can confirm they all display the same issues.

The Toronto skyline at sunset with pastel yellows and blues in the sky.

As far as lens recommendations for the Sony system, I can heartily recommend the 24mm GM prime, the 55mm prime, the 135mm GM, and the aforementioned 16 – 35 f2.8 GM.

Issues like a painfully small grip, or trouble swapping lenses, or even difficult editing workflows are not easy to discover on day one. Issues like this are death by a thousand paper cuts: these are small things that, cumulatively, become big over time. By the time Canon announced the new R5 and R6, I was eager to make a move.

Redesign: Selecting Type

The atomic units at the heart of every block of text are the letter shapes – the forms they take. They have the single largest impact on the overall vibe of a design. To the annoyance of some of my clients, I am obsessive about this at the beginning of any project. Selecting a typeface has a larger long-term impact than almost any other design decision.

The typefaces, or fonts, or whatever you want to call them – it doesn’t really matter – impact the voice” people read your words in. They can determine whether your website feels editorial, authoritative, strong, modern, friendly, casual, or cold.

This makes typeface selection a fickle thing. Sometimes, it’s just about the tone of the text. Letterforms can be deceiving; context is necessary to understand how type looks. You have to see it rendered in paragraphs.

We have been lucky in the design community to have some great writing on this recently. If you have no idea what I’m talking about, Frank Chimero wrote a great primer as part of his redesign series. It’s a great introduction to picking typefaces.

Let me share my favourite part with you. At one point, Frank demonstrates the differences between Basis Grotesque and Avenir by examining the detail in their letterforms. He concludes that a reasonable person would presume, based on the letterforms alone, that Avenir is less quirky than Basis Grotesque. But then he shows them each in paragraphs. It’s the opposite of what a reasonable person would expect.

Here’s Frank:

My bet is that most people would identify Avenir as the more flavorful” typeface in a paragraph context. An unexpected inversion has happened. The typeface with traditional letter shapes (Avenir) reads more distinctively than the typeface with quirks in its design (Basis). Basis’s oddities become less noticeable when typeset smaller, and the proportions of Avenir (it’s roundness, it’s size contrast between upper- and lowercase letters) go further in establishing the typeface’s fingerprint and impacting the text’s atmosphere.

In short: typography often lies to us. Paying attention to the shape of individual letters without paying attention to how the font works in the whole of the design work is sort of like picking a partner based on their eye colour and BMI. You’re missing the forest for the trees, and you come away with the wrong impression entirely.

Frank isn’t the only person writing about this. The super-smart folks at Hoefler, who have designed some of the finest typefaces available in the market, recently shared how basic pangrams (like the quick brown fox jumps over the lazy dog”) have failed them during the design process of their typefaces.

Jonathan Hoefler writes:

In years past, our proofs were full of pangrammatic foxes and lynxes and the rest, which made for some very merry reading. But invariably, I’d find myself staring down a lowercase J — and if I questioned the amount of space assigned to its left side, I’d set off in search of some confirmation in the proof. Each time, I’d be reminded that while pangrams delivered all kinds of jocks and japes and jutes and judges, even our prodigious list featured not a single word with a J in the middle.

Hoefler has gone on to open-source their own pagrams (on Github), which I happen to really like, so I’ll use them throughout the rest of this post as examples.

Here’s what I find interesting about Hoefler’s post: most pangrams are a single sentence long. Hoefler’s new pangrams feature long-running sentences. Side by side, the words don’t make sense, but one can get a feel for how a typeface reads.

Picking a genre of type

I say all that to say two things: first, selecting typefaces is hard because, no matter what we mock up, our impressions of the type might change once we see it in properly rendered text.

Second, picking typefaces requires knowing a little bit about your long-term plans for the project. That’s why I wrote my post about what I’d like to do with this website first.

Let’s recap what’s on the website now, and what could eventually be on the website:

  1. Blog posts like this one. Sometimes long, essay-like mini-novellas. Sometimes short status updates.
  2. Photo sets, eventually.
  3. Perhaps brief film reviews and other assorted items of personal interest.
  4. I may start logging books I read here as well.

I said in my last post that I would like the site to add an air of quiet elegance” to my writing. That makes a serif the obvious choice for extensive writing, like blog posts.

Most of the other text on the site is metadata: image captions, brief film reviews (if that comes to pass at all), dates, tags, and the like. A sans-serif is a great choice for that.

Of course, a sans-serif is also a great choice for a heading.

The obvious” choice is one sans-serif and one serif. It may be worth exploring another option, though: one sans-serif for headings, and one sans-serif for metadata.

That would give me three typefaces:

  1. An editorial font for reading.
  2. A heading font.
  3. A micro” font – a typeface for small text. Something like 13px or smaller.

This is a good place to start.

Now that we’ve narrowed down our ideas, let’s select a couple typefaces I might use for the initial mockups.

Everything I said earlier still applies. It’s hard to pick type. I might change my mind. The goal today isn’t to pick one font. The goal is to narrow down the choices to just a couple in each category.

How to analyze typefaces

If you’re new to this, or if you’re a budding designer looking for tips, let me share how I analyze typefaces.

I primarily consider three aspects of each face:

  1. Character. What does the font look like? Most people have a pretty natural understanding of this; after all, we intrinsically know it’s better to write a report in Times New Roman than Comic Sans. Times New Roman _​looks_​scholarly and intelligent; Comic Sans does not. This can become very nuanced, though: is a typeface playful or warm? How does that change the way the text reads? These are all questions I consider as I look at a font.
  2. Contrast. When we talk about contrast in type, we’re talking about the difference in thickness between their horizontal and vertical strokes. A high-contrast typeface is great for headlines, but won’t read as well at small sizes. A great example of an extreme high-contrast typeface is Didot from Hoefler & Co. (Because I plan on using the serif for text, I want to avoid something this high-contrast.)
  3. X‑height. In plain english, the x‑height of a font is the height of the lowercase x” – or any other letter without ascenders (like in the letter d”) or descenders (like in the letter q”). If the x‑height is tall, that means that x” is nearly as tall as d”. And if it’s short, it’s the opposite. Typefaces designed for body text typically have tall x‑heights.

Picking a serif typeface

The serif typeface makes up the bulk of the body of text on this website. In my mind, it is absolutely critical to select the right one.

I already have a general idea of what I’m looking for. I’d like to incorporate an editorial serif: these are the typefaces used in (or inspired by) newspapers. Think Times New Roman. (Don’t worry; I won’t use Times New Roman.) I like the air of elegant authority these faces provide.

We give some credence to what we read in newspapers, and using a typeface akin to a newspaper font seems like an easy way to add gravitas to almost any text.

There are a few options in this category that are worth immediate consideration: Mercury from Hoefler, Tiempos Textfrom Klim, Freight Text from Joshua Darden, and Miller from Matthew Carter.

Before I make any comparisons here, it’s important to state that there aren’t any wrong answers here. Finding the right type is about creating the right feeling. It’s jazz, not classical.

Keep that in mind as we go through the rest of this. Without further ado: Let’s see how each of these look with the pangram that Hoefler and Co. have created.

A pangram of the Miller typeface

First up: Miller. I’m starting with Miller because it’s designed by Matthew Carter. If you’re reading this on the un-designed version of the site, you’re reading Georgia, which is also designed by Matthew Carter. I often think of Miller as Georgia’s more refined brother.

Look back at Miller. How does its contrast and x‑height influence the way you read the font? Does it make it easier or harder to read?

A pangram of Tiempos Text

This is Tiempos Text. (I labelled it Test” because I’m using the test version of the font on my computer; I haven’t purchased it yet.) Tiempos Text is perhaps the most unusual typeface in this collection of serifs. Kris Sowersby, its designer, meant it to be an update of Plantin and Times for more modern use.

(It’s worth mentioning that Kris keeps meticulous notes and has a highly detailed blog for type nerds like me. If you’re into that, you should read his design notes about Tiempos.)

The proportions of this typeface make it extremely easy to read. It’s also a very high contrast typeface. In a long paragraph like this, a font like Tiempos Text can feel overwhelming. But over the course of many paragraphs and hundreds of words, a font like Tiempos can feel like a warm, intelligent hug.

A pangram of Mercury

Mercury is the opposite end of this spectrum. It’s a newspaper-bound serif, through and through. Optically, you might notice that it appears smaller than Tiempos, even though they’re set at the same size. This is because the x‑height is shorter. It substantially changes the effect of the text.

Truthfully, Mercury is one of my favourite faces. It renders well at even the smallest of sizes, and can handle all sorts of abuse by printers too. As a print designer, I love how easy it is to set and work with. As a web designer, I love how old-school it feels on screen. It communicates text efficiently, but also feels different from most other serifs. (I would set it a little larger on the website, I think.)

A pangram of Freight

Finally, we have Freight. Freight Text is a beautiful typeface that’s part of a larger type family. It comes with a sans-serif accompaniment called Freight Sans, a version for micro-sized text called Freight Micro (that’s really more of a slab serif), and various different display sizes of the typeface.

I’ve used Freight before, and I think it’s a tremendous font. But looking at it here, I’m not sure it’s what I want to convey. You’ll note this is a higher contrast font than our other choices, which makes it harder to read on the dark background. While that doesn’t make it a bad font, it does make it appear daintier” and lighter” than my other choices.

To my eyes, Freight Text is almost too scholarly for my needs. It looks like it belongs in a paperback, not a newspaper. (If you’re a fellow designer and you’re offended by this; I’m sorry. While you’re here, I’m also not a huge fan of Gotham.)

To start with: I think I’ll stick to Mercury and Tiempos Text for now. I’ll play with each of them during the mockup phase and see what sticks. But at least this is enough to get me started.

Picking sans-serifs

When I think about obvious” and elegant” sans-serifs, I think about sans-serifs whose designs are obvious. For lack of better words, they look how one would expect letters should look. Of course, I’m referring to Helvetica and all its Swiss contemporaries (and the typefaces it inspired). Immediately, I think of typefaces like Söhne, Neue Haas Unica W1G, Neue Haas Grotesk, Acumin, Aktiv Grotesk, and so many others.

This category is much harder to distinguish. What makes Helvetica different from Helvetica Neue? Type nerds know they’re are differences, but in a blindfold test, I’m not sure we would actually notice them in a side-by-side comparison – not at text sizes.

For the sake of this illustration, we’re going to look at them at text sizes anyway.

A pangram of Neue Haas Grotesk

Take Neue Haas Grotesk, for example. It’s clearly inspired by Helvetica. Unlike many Helvetica descendants, Neue Haas Grotesk doesn’t attempt to correct” any of Helvetica’s so-called flaws. Instead, it attempts to capture the spirit of the original Helvetica – before decades of small tweaks caused many of its details to become lost to time.

Neue Haas Grotesk also has a display version for large headlines. It’s substantially more compressed than the text face, and has fewer ink traps. It’s really lovely. If you’re looking for a headline sans-serif inspired by Helvetica, I think it’s among the best.

Neue Haas Grotesk is a high contender for me.

A pangram of Söhne

But the difference between Neue Haas Grotesk and Söhne, pictured above, are much more subtle. (Again, I’m using a test version because I haven’t purchased the font.)

Söhne is actually a brand new, playful merge of Helvetica and Akzidenz-Grotesk (you can read about it in detail if you’re so inclined). It’s a little more compressed than Neue Haas Grotesk, but to the untrained eye, these faces would look identical.

But they’re not. In real world use, they communicate entirely different things. Söhne has a touch more character than Neue Haas Grotesk, but it’s also not strictly a Helvetica descendant.

A pangram of Neue Haas Unica

Neue Haas Unica is so close to Neue Haas Text, at least to my eye, that I could almost use them interchangeably and call them a day. (Apart from the lowercase a”.) But again, they render quite differently in actual text. Unica is more compressed as a text face, which makes it less readable, but as a headline, it’s less compressed than Grotesk’s display variation. At 16pt size, they appear incredibly similar, but as we talked about before, type can lie to us. At large sizes, Neue Haas Unica and Neue Haas Grotesk are different animals. (Demonstration below.)

A pangram of Acumin

Acumin, which is one of my favourite sans-serifs in recent years thanks to its unbridled utility, takes a whole different approach to this genre. Its letterforms are different, and it doesn’t strictly adhere to Helvetica’s style.

Acumin was, according to Adobe, designed to stray from Helvetica’s adherence to signage (read their design story). It’s available in a myriad of widths and weights that make it extremely comprehensive, with slightly angled terminals, single-stroke commas, and promotional numerals.

I like Acumin a lot, and I’ve used it on a couple projects, but I’m not sure it’s right for this site. The things that make it a better text face – its angled terminals and lowercase letters that ascend above the cap height – make it worse for headlines and wayfinding. If I were looking for a single sans-serif typeface that could serve for both headings and body text, I would carefully consider it.

In bigger detail

Still, it is worth comparing these four typefaces at a larger size as well, in an effort to see more of their character (no pun intended).

A headline size comparison of Neue Haas Grotesk, Söhne, Neue Haas Unica, and Acumin Pro.

At a larger size, the differences between these typefaces are much less subtle. Acumin is clearly best used at text sizes; it lacks subtlety as a headline.

Söhne is clearly the most unique in the pack: compressed, but still readable thanks to the unique details of the a” and the angled bowl of the e”. Look at the capital Q”! What a letter. Despite its geometric appearance, Söhne feels rounder and softer – without losing its neutrality.

Neue Haas Unica appears more compressed than the Neue Haas Grotesk, but that’s only because that image still uses the Grotesk’s text variant. Watch what happens when I use Grotesk’s display variant, which is more appropriate for large text like this.

Headline-sized comparison text for Neue Haas Grotesk Display and Neue Haas Unica.

Now, the tables have turned. Neue Haas Grotesk is much more compressed. Its weights are much chunkier. It feels like a signage poster. It also has a unique (and optional) lowercase a” that looks not dissimilar to Söhne’s playful characters.

These options makes Neue Haas Grotesk incredibly flexible.

Since I already have easy access to Neue Haas Grotesk through my Creative Cloud subscription, it’s the easy choice to make right now. It’s got the sort of character (no pun intended) that I’m looking for.

A third typeface?

Finally, a sans-serif for metadata: This could be any of the typefaces I just listed, in fairness, but in the spirit of trying out a few things before locking myself in to a single face, I can think of a few humanistic typefaces that could render well here. Whitney and Ideal Sans could be ideal contenders. Frutiger and FF Meta could work as well.

Let’s talk, briefly, about why I might use a humanist face here. Humanist sans-serifs add warmth when they’re paired with geometric or Neo-grotesque typefaces, like the ones we just considered. In this case, they might help avoid situations where my website might feel cold or bland.

I own Whitney (from Hoefler & Co.) already, which I purchased years ago for use with Unsung Sundays, so that’s easy to test. Similarly, Freight Sans (Joshua Darden) might work well here. I’d like to try Ideal Sans (Hoefler & Co.), which renders very well at microscopic sizes, but I don’t own it. I’ll test it later.

For now, let’s start with Whitney and Freight Sans.

A pangram comparison of Whitney and Freight Sans.

For this comparison, I grabbed a sample paragraph from a previous blog post to get a feeling of how they read.

My first note is that Whitney feels easier to read. My second thought is that Freight Sans is a wildly different approach to constructing a typeface like this. Consider the lowercase g” – these faces almost feel like they come from entirely different genres. In fact, nearly every letter looks totally different. It amounts to a very different reading experience.

All that being said, neither of these typefaces work well with the others I’ve selected. Unless I work with Mercury as my serif typeface, I think these faces are going to clash. I’m going to shelf this idea temporarily, but Whitney would be my choice if I had to make one.

Wrapping up

After 3,000 words, I have started to limit and narrow down my options. To make the final choice, I’ll have to start playing with them in real designs – and maybe even in code.

This is not unusual. In fact, it’s a good place to start with any design project. The blank page is intimidating because it has no limits. By selecting a handful of typefaces to trial, I’ve already begun creating constraints.

With Mercury, Neue Haas Grotesk, and Tiempos Text in mind, it’s time to start playing with layouts and type sizes.

Redesign: Thinking about the future

The future plans for a website dictate its design. The past gives it context and boundaries. 

There is a significant difference between designing a website and designing a printed object, like a magazine. Printed materials do not have to account for the technical debt of their pasts. The first issue of a magazine might look completely different from its twentieth issue. They are, for the most part, independent from one another. 

Websites are different. Old content is easy to find on the web, and the oldest content on a website will always share the new content’s design. A website’s design needs to account for what’s come before.

This means that your typical website re-design has a lot of work to do. 

Over time, this work can result in a degree of digital detritus that requires a wholesale overhaul of design and content. Even when that’s not the case, the work the design needs to accomplish increases exponentially with each additional type of content.

All this is a fancy way of saying: if your website has a ton of content types, the design itself increases exponentially to scale. A rising level of complexity lifts all boats. If you want to manage and maintain a unified, cohesive design for all your blog posts, pages, photos, and more, that’s a lot of content to design. 

What was, what is, and what will come to pass

This website has always been one thing: a series of blog posts, organized in index and archive pages in reverse chronological order. 

Most personal websites are just that: a collection of documents, ordered from the most recent to the oldest. This is what we’ve all accepted to be the norm on a weblog. There are no magazine-style landing pages, content isn’t being fetched from (or distributed to) multiple places, and it can load fast because it is typically bereft of the high-resolution imagery and javascript that slows down most websites.

In the future, I’d like to add more stuff to my website. I’d like it to feel less like a collection of loosely arranged documents, and more like my personal home on the web. I’d like to share links to the most recent case studies from my portfolio. I’d like to fetch what movies I’m watching from my Letterboxd profile. I might share the books I read1. I’d love to share status updates — like tweets, but on a platform I own instead of Twitter. Finally, I’d like to start sharing photos here too2. I’m not sure if I’ll share those photos in some sort of a grid, or if I plan on writing photo stories, or both.

All this new content means the design of this site will naturally increase in complexity. If I’m not careful, I worry that the site’s increased complexity and feature list will begin to resemble urban sprawl: poorly planned, boring to look at, and stripped of personality.

Typically, when I start seeing a long list of content needs and desires, I start worrying about website performance — particularly with my client work. How much javascript, CSS, and business logic do I need to animate all these different dinguses (dingi?), organize and re-organize content at different viewpoints, and display 200 images without forcing the reader to download a gigabyte of data from their cellular provider?3

As a front-end web design and developer, I’m well aware of the difficulties in making complexity both simple and performant. But it’s worth stating here: I expect this site to be fast, easy to use, and not destroy your smartphone bill.

Of course, some of that may be at odds with my other stated goal: to learn a component-based javascript framework like React or Vue. I do not believe the goal of performance is at odds with javascript. This site loads in 1/​3rd of a second. I think I can make it faster still.

In his redesign series, Frank Chimero stayed where he thought the design of his website was going to go before he started work on it. I like this. It’s interesting to see how a project mutates as it goes along. I’m inspired by this, so I thought I’d do something similar. I suspect that, since my website will be more complex than Frank’s, our end result will be very different. But I’m surprised at how aligned our initial goals are. Here’s what I’d like this website to be:

  1. Obvious: Just enough design to make the site feel like its design was inevitable. How else could it look?
  2. Performant: I mentioned this above, but to be clear, there is a large collection of people I respect in this industry who seem to think javascript and javascript-based frameworks, like React or Vue, make websites slower and less accessible. I’d like to prove them wrong. Even if I can’t, then this website will be an easy way to learn valuable lessons I can bring into my client work4.
  3. Timeless: I’d like the website to be simple and clear. I don’t want to add design that gets in the way. I don’t think my work will ever be comparable to Vignelli’s or Ram’s, but I’d like to take inspiration from their methodologies. I’d like the website to be useful, understandable, clear, and unobtrusive — and maybe have an air of quiet elegance.

With my long-term goals stated, and my thesis laid out, it’s time to begin considering the fundamentals. Because this website is going to be text-heavy, it’s about time we discussed type.

Footnotes
  1. Related: Goodreads is terrible and Amazon should hire somebody to redesign it. ↩︎

  2. I’m increasingly concerned that Instagram’s signal to noise ratio is getting worse. In the long run, it is also probably best to put anything I’d like clients to see on a domain I own, rather than feeding it to the Instagram algorithm. ↩︎

  3. Assuming people are outside. Don’t do that. Stay home. It’s a pandemic out there. ↩︎

  4. More on this in a future post, but as my clients’ sites have gotten progressively larger, even the compressed CSS files get huge. The last site I worked on had eight different content structures and five custom pages. Its zipped CSS file weighed nearly 200kb. That’s not because the code is bad or because I repeated myself. It’s just because that’s how much CSS was necessary. React-style components are a game-changer for websites like that. ↩︎

Redesign: Resets and blank slates

Before I redesign this site, I want it to look as default as possible, so its previous design won’t influence the look and feel of its next iteration.

This isn’t a normal” part of redesigning a website, but for the sake of this exercise, I thought it might be helpful.

When I begin any sort of redesign, I like to — at the very least — pretend the previous design doesn’t exist. If a redesign is called for, the previous design doesn’t solve the problem. First, we need to identify the problem we’re going to solve.

This is a rare case where I can actually wipe the slate clean. I can literally un-design my blog — so that’s what I’ve done.

As of today (June 2020), this site uses Georgia and your device’s default sans-serif, and the whole thing has a max width set up for easy reading. That’s it. 

Headers and paragraphs share consistent line heights and font sizes. This is not necessarily good design (although it certainly can be); it’s simply efficient. 

It is my hope that the current version of this site doesn’t look designed at all. 

Most of the site’s CSS just looks something like this:

p, h1, h2, h3, h4, h5, h6, li {
	font-size:1em;
	line-height:1.5em;
	margin:1.5em auto 0 auto;
	max-width:42rem;
	padding:0 1rem;
}

Apart from hacking away at the email sign up below, it doesn’t get much more complex than that. It’s only a couple hundred lines of CSS. (In all honesty, I wrote it very quickly, and it’s not well-written. It could be much shorter. But it’s functional, and it took me less than one afternoon.)

The point of doing something like this is to avoid re-using and regurgitating ideas I’ve had in before. Like every other designer, I’m guilty of recycling my ideas. But every problem is unique — even if this is the eight hundredth blog I’ve designed.

A reset removes the previous problems and allows me to focus on the problem at hand — so I can start thinking about the future.

More thoughts on racism

I have been thinking for weeks about how I, as a white person, can help move the needle forward on equality in society.

I am still listening, but I wanted to share some of what I’ve learned so far.

First, continue to listen and continue to learn. Read some books. Here are a few that I have seen recommended many times:

I am sure there are many others.

The second thing that we need to do is confront the racist people in our lives. I think we could place these people in one of two categories:

  1. People we know, who are either unaware of their racism or are hateful bigots.
  2. People we do not know who are in political or financial positions of power.

When it comes to people we know, it’s time to tell them they are racist. Don’t sugarcoat it. Don’t call them micro aggressive.” Say what it is. Give their racism a name, whether they intend it or not. If they are hurt, remember their words hurt more than their feelings at that moment. 

If you are uncomfortable with this, you’re going to have to suck it up. Change does not happen without discomfort.

When it comes to people in political or financial positions of power, you must vote with your dollar. If you can, vote them out of power. (If you are an American, that carrot you call a president is not a stupid idiot doing a bad job. He’s a cunning fascist who is hellbent on destroying your country and taking away your freedom. Vote accordingly.)

If the racist person is in a financial position of power, don’t spend money on their products. I know there are absolutely times when you have no choice. If I found that out that the CEO of Dole was a mega-racist, I would have to stop buying fruit from all the supermarkets in my neighbourhood. But I need fruit. I understand this has limits. But be aware that every time you spend money, you are implicitly supporting the people at the top of that organization.

If it is possible, spend more money on businesses owned by minorities. If you are in Toronto, I can make this easy for you: here is a list of 135 Black-owned businesses in the city you can support right now. And here’s another 100.

We need to move the needle forward on this. Until we live in a society that truly offers equality for all of us, there isn’t equality for any of us.

Black lives matter

I do not want to speak out of turn or say the wrong thing. I do not want to hurt or harm. 

But to be silent is to be complicit. I will be silent no more. 

Black lives matter. It needs to be repeated until we all agree. This is not about George Floyd, Michael Brown, Trayvon Martin, Eric Garner, Tamir Rice, Walter Scott, Freddie Gray, or so many others. This is about the systemic oppression and abuse that Black people have suffered for hundreds of years at the hands of white people. 

I am aware of my incredible privilege as a white man. Even if I am not intentionally complicit in this system, I am in it. I did not choose this role, but neither did those the colour of my skin has oppressed. The first step towards reconciliation is acknowledging my part in this system, and listening. 

It is also the time to acknowledge the grief of the Black community. It is time to enter into that grief with them. There are so many men, women, and children that have been taken from us. Imagine if it was your brother, father, son, uncle, partner, or daughter. 

As a Canadian, I admit I am weary of being told Canada doesn’t have a racism problem. We do. We’re simply polite about it. We are not immune to police brutality, racist police forces, and cold-blooded murder. The racism in this country is insidious, hidden behind closed doors and off-the-record legal settlements. Our police forces disproportionately target Black and Indigenous people. It keeps me up at night. 

These protests, and the police-instigated violence and cruelty, have also kept me up at night. The videos I have seen are disturbing, but no longer shocking. In the past ten years, I have seen many real videos of white cops murdering unarmed black men. It is insane to me that I have seen even one. 

It is not unreasonable to expect that police officers should uphold the law and protect people, rather than abuse it and kill people. If they are unable to fulfill their basic duties, they should be disbanded. (And once we’re done with that, let’s tackle prison reform.) 

Black people built America for free. They are owed much more than equality and justice. 

I do not know all the right steps to take. I am listening and learning. I am sure I will make mistakes, though I do not want to. I am aware of the ACLU, and the Equal Justice Initiative. Are there organizations in Canada that need support? I would love to hear about Canadian organizations focused on these issues that I can support. If you have suggestions, send me a message on Twitter. 

For now, I am listening. To my Black friends, and to the Black people in my community: I see you. Your life matters.

Redesigning in the open

A couple weeks ago, I opened my website and realized one of my blog posts was broken. Why? I don’t know. Wordpress, probably. I debated whether or not I just fix the issue, and continue to deal with Wordpress, or if I follow my heart.

I’m following my heart.

Inspired by a couple of my personal heroes, Jonnie Hallman and Frank Chimero, I am re-designing my website in the open.

What does that mean?

Frank Chimero explained it well, so I’ll quote him here:

Here’s the idea: I’m going to be redesigning my site, and I will document the thoughts, process, and decisions here. (This is largely inspired by my friend Jonnie’s redesign blog.) By writing about it, it may help both of us. I can further develop my methods by navigating the friction of explaining them. I’ve been looking for a way to clarify and share my thoughts about typography and layout on screens, and this seems like a good chance to do so. And you? Well, perhaps the site can offer a clearly explained way of working that’s worth considering. That seems to be a rare thing on the web these days.

I don’t think that my blog will be as useful to anybody as Frank or Jonnie’s undoubtedly was, but I do think it is helpful to write one’s thoughts down in a place they can be easily referenced. 

It is also helpful to our craft to discuss our work in more detail. Khoi Vinh was so perturbed by the lack of detailed design commentary available that he started a podcast with Adobe to address the need.

My hope is that, by documenting the design process, I might help those who are starting out in this field.

In addition to documenting the design process, I plan on documenting and open-sourcing my code as well. For a variety of reasons (I’ll save them for a future article), I plan on learning Vue or React and creating a static website, rather than a PHP-style blog.

But both React and Vue can be hard to learn. In the past, it was much easier to learn how to make a website. You right-clicked anywhere on the page and selected Inspect Element” from the contextual menu. That was how I taught myself basic HTML and CSS years ago: I inspected what other people had made. 

Unfortunately, there is no way to inspect somebody’s modern web app and see how the sausage was made. Inspect Element is basically useless. You can’t tell if you’re looking at components, or layouts, or pages, or routes. You don’t know if they built the whole thing with NPM, React, Vue, Gatsby, Gridsome, or — honestly — Squarespace.

I don’t know what tech stack I’ll use yet — apart from a headless stack of some variety — but I will document what I’m learning, and share open source the site once I’m done. I hope, by documenting what I’m learning, as well as open-sourcing my code, I can make a positive contribution to people who are just learning this craft.

The state of Apple’s laptop lineup

About a week ago, I realized my 2017 15” MacBook Pro’s speakers are blown. I rarely use the laptop without headphones, so I’m not sure when it happened. Now the laptop is unusable as a shared screen for Zoom calls, because we can’t hear the audio when we call our friends. Or rather, we can, but everybody sounds like they’re hanging out with Aquaman underwater. It’d be a cool sound effect, if it wasn’t unintelligible. 

If we were living in the Before Time, I would have simply taken the laptop to the Apple Store to have them assess the damage. Once the After Time comes around, I might still do that.

But I really don’t like this laptop. I hate the keyboard . It feels like typing on cracker wafers, and a single speck of dust can take out the whole keyboard — which is a design failure beyond understanding. I don’t like the obnoxious space grey finish. Silver is the right colour for a MacBook, turns out. I don’t like how large it is (more on this later). And now, the speakers are unusable.

All this got me wondering: if I were to buy a new portable machine from Apple today, what would I buy?

I say portable machine” because I don’t want to discount the iPad from this list. My 10.5” iPad Pro is a great little machine, and it is very good at certain tasks.

I am in the fortunate position of using an iMac Pro as my primary computing device. I don’t need to necessarily have the same power on the go as I do at my desk. When I’m mobile, I want a small, lightweight device that lets me easily get my essential work done — and it better have a good keyboard.

My laptop fails to meet some of those metrics. The large size of the 15” MacBook Pro seems absurd. It’s too large to comfortably sit on a lap, and every extra pound of weight matters a lot when I’m travelling (not that I’m doing much of that right now). Plus, the keyboard is a failure waiting to happen.

I would love to use the iPad Pro. It’s lightweight and ultraportable, and the Magic Keyboard looks like a dream. But for many reasons, the iPad Pro isn’t for me. The Verge offered some sage advice recently: Never buy hardware today based on a promise of software tomorrow.”

Which brings me back to the laptop lineup.

Apple’s laptop lineup, in all honesty, hasn’t looked this good in almost a decade. Now that they’ve replaced the butterfly keyboard with the Magic Keyboard, it’s easy to recommend almost any of their laptops. The 16” MacBook Pro is a wonderful machine, even if it’s too big for my liking (I trialled one in November). The 13” MacBook Pro looks very good.

If I had to buy one today, I think I’d buy the MacBook Air. It’s the lightest and most svelte option. I like the taper. It doesn’t have a Touch Bar (for me, that’s a perk). I don’t need power on the go often enough to justify the extra weight or cost of a MacBook Pro. Most of the time, I’m either pushing rectangles around in Figma or writing PHP or Javascript in Visual Studio Code or Sublime. These apps don’t need a lot of CPU power to be useful.

That being said, if the rumours are true, the Mac lineup is about to get very interesting. If Apple makes its transition to ARM chips next year, their laptop lineup should become stronger. ARM chips are what makes iPads as powerful and battery efficient as they are. If a MacBook Air got one, all-day battery life is a possibility — and the laptop would be much more powerful. The most recent iPads are so much faster than the current-generation MacBook Airs, it’s not even funny.

Hopefully, Apple will share more information about the plans for its chip transition in a month or so at their annual developer conference. But they’re a secretive company. They may not share that information with developers before next year, assuming the rumours are true. (And, of course, they might share information this year about getting development work done on an iPad too — which would change the equation for me again.)

All of this puts me in a peculiar situation. I’d love a smaller, lighter laptop. I’d love to get rid of the butterfly keyboard and Touch Bar, both of which make me more prone to errors and less efficient. But if I get this year’s model, I’m potentially getting the last laptop Apple makes before a once-in-a-generation leap.

One should never make purchasing decisions based on the rumours of future gear, but this aphorism is still true: there is never a good time to upgrade your kit.

Can I use an iPad Pro for professional creative work?

Every year around this time, just before Apple unveils the latest versions of their operating systems at their annual developer conference, I like to re-evaluate whether or not I can use my iPad to get work done.

The iPad Pro is really a perfect portable machine. It’s small, insanely light, and easy to use in almost any situation — even tight plane seats. You can even get a cellular-equipped iPad if you want consistent and reliable internet when you’re away from a wifi connection. (And the new Magic Keyboard is a wonder.)

I really like using my iPad, and I always wish I could use it to get more work done. And every year, I ask the same question: can I use it as a laptop yet? Can it be my only portable device?

There are a lot of people I know, follow, and admire who use the iPad as their only machine, or as their dedicated portable device. I trust each of these people; they each represent a different class of person who is well-suited by the iPad’s strengths. They are writers, photographers, and entrepreneurs. The iPad is great for those people.

Writers are blessed with the iPad. There are more writing apps for the iPad than I could count. It is the best writing device I have ever used.

Photographers can almost complete their whole workflow on an iPad. With apps like Affinity Photo, Photoshop, and Lightroom on the iPad (and the USB‑C connection on the latest iPad Pros), it’s never been easier to use the iPad for photography[^1].

And for entrepreneurs, it’s easier than ever to use the iPad as your only computer. It’s great for project management and email, and the cellular model makes it easy to manage your business anywhere.

For many people, the iPad is all they’ll ever need. But I am a designer, photographer, and writer who codes websites. This adds several wrinkles to this setup.

Somehow, the iPad is ten years old, and there still isn’t a great web design app available. Sketch and Figma are noticeably absent from the App Store, and Adobe seems uninterested in porting XD to the iPad.

On that note, we don’t have any great print design apps either. InDesign does not exist for the iPad. (I use InDesign on my Macs all the time.) Its competition, as limited as it is, isn’t on the iPad either. Publication design and professional page layout on the iPad is a non-starter. 

Even if InDesign or its competition arrived on the iPad, those apps require so many other simultaneous computing contexts that I’m not sure an iPad experience would ever be great. (I often have Photoshop, Finder, Illustrator, and InDesign open at the same time, all working on the same publication.)

Speaking of Photoshop: while you can edit photos with an iPad, I’m not sure anybody should manage them with it. The only DAM available for photography on the iPad is Lightroom. If you use Capture One, DxO, or any other alternatives, you can’t manage your photo library on the iPad. I’m currently a Lightroom user, but I don’t want to be bound to Adobe because of my hardware. (I’ve been considering Capture One for some time now.)

This isn’t necessarily about avoiding Adobe’s subscription fees. I am happy to pay for the tools I use to make a living. But as a working professional, I don’t want one option from one company. Competition breeds creativity and makes all the tools better. Philosophically, I don’t want Adobe to ever be the only option.

Finally, it’s also difficult to get web development done on an iPad. It’s not impossible, but without a desktop-class web inspector, and without local virtual machines or code compilers, the job becomes an arduous series of gotchas. (And the desktop-class Safari” on iPad works until it doesn’t. Without hover states or anything else we take for granted on a PC, the internet is a lot harder to use.)

Most people do not have jobs with requirements like mine. I’m sure many people can use an iPad every day for all their computing needs. And I’m sure there are some people in my situation who choose an iPad, and jump through its hurdles to use what is admittedly a more tactile device. 

But I just want to get work done. 

The real problems are edge cases. Many small tasks take much more effort on an iPad than they do a Mac. 

The other day, I made some quick edits to a Markdown document for a client. I needed to export the document as rich text and attach it to an email. This takes two clicks on my Mac; on an iPad, I had to fumble around for a few minutes until I got it done. 

My sister is a teacher. If she needs a new machine, she could very well use an iPad. However, if the website she uses to track student attendance and report grades doesn’t work on Safari in iPadOS, then it’s moot. She won’t install iCab to get the job done. She’ll be rightly frustrated, return the iPad, and get a Mac instead. 

I love my iPad. I genuinely like using it. I wrote this post as a way to talk myself into using the iPad more, but it slowly morphed. Here’s my basic problem, in a nutshell: if it’s faster to accomplish basic tasks with my laptop, I’d rather use that. I remain impressed by folks who use the iPad for their work every day, but for people like me, the iPad makes enough tradeoffs that I don’t think I could make the switch.

You can throw all the Magic Keyboards and Apple Pencils you want at this thing; it doesn’t make it any better at running the tools I need to get my job done.

[^1]: Because Lightroom CC relies on cloud storage, I’m not sure most professional photographers could rely on the iPad as their only computing device, but it can certainly be the mobile solution.

Quarantine diaries: 2020.04.17

Hildegard and I have been practicing social distancing for just over a month now. It’s been a long, unusual trip, and I suspect we’re just getting started.

Most days feel exactly the same. Wake up, shower, eat breakfast, meditate, get to work. Work until lunch. Eat lunch. Work until it feels reasonable to stop working, but hopefully not much later than 5. Sometimes 8 though.

It feels more pertinent than ever to share some of what we’ve been doing for fun. Somebody else might need a way to pass the time.

Games

We’ve been playing more video games than usual. Animal Crossing has proven to be joyful escapism. I’m also enjoying Outer Worlds (highly recommended for fans of Fallout 3 and Fallout: New Vegas) and Paper Mario on the Gamecube (which we still have in our house).

On that note, if you have a PS4, Sony has made Uncharted: The Nathan Drake Collection and Journey free for the next few weeks. Get both if you haven’t already.

If getting stressed out from playing a difficult video game will help you unwind and forget about real-world stresses (as it does for me), Sekiro is currently on sale in the PlayStation store. Dark Souls and Bloodborne are obviously great choices too.

Movies and TV

This is a great time to start watching or re-watch Parks and Rec or The Office.

We are watching a lot of movies. 90s Disney classics have gone down well. We’ve also enjoyed Burning, Onward, and Darkest Hour.

If you are interested in documentaries, some of Gary Hustwit’s work — the man behind Helvetica and Rams — is available for free right now. Every week, a different film of his is available to stream for free on Vimeo. This week, it’s Workspace.

Exercise

Indoor workouts have been very important to our health and sanity. Hildegard is following along with virtual exercise/​dance classes, and my uncle kindly sent me some prison workouts. Not quite the same as the gym, but it’s something to get you moving.

I have discovered the best time to walk, at least in our part of the city, is at 8 in the morning. Nobody walks to work anymore, and the foot traffic is almost entirely construction. Similarly, the best time to get groceries is 10:30 in the morning — after the morning grocery rush, before the lunch break.

Separating work from home

This has been very difficult, even for me — and I’ve been working from home for nearly a decade! Without leaving the house to go for a walk at the end of the day, or to get groceries, my routine feels disjointed.

Most days, when the workday is done, I have a beer. It’s helped me acknowledge the working day is over, and it’s also been a great reliever of COVID-induced anxiety.

I was a little concerned about this for a while. I typically have one or two beers every week — not one or two a day. But then I recalled CJ Chilver’s blog post on this very topic:

This worked so well on my anxiety and made my family so much happier to be around me, that it started to get me worried: what if I made a habit of this and became dependent on this small vacation every day of my life? I went on to overthink it and talk for 10 minutes about the worst possible outcomes. [My therapist] stopped me. Does it help your anxiety?” Yes. Then have a drink.”

For some people, this is not a great solution. Obviously, don’t do this if alcohol is a problem area for you. But for me, a beer or two a day has worked wonders on my mental and emotional health.

You need to find a way to separate work and home, as best as you can. If you can’t (or don’t want to) have alcohol, try putting on shoes at 9 and taking them off at 5. Or work at a standing desk during the day — put your laptop on your iron board, if nothing else will do. Or do your indoor prison workout.

Or maybe just stare out the window for an hour, watch the sunset, and spend an extended period of time taking deep breaths.

After all, we’ve all got the time.