An Exploration of Flavour
I came across a screenshot the other day that had a list of projects that I had built over 10 years ago. There was a Flickr app, a Twitter app, a job site, an ad platform. I had forgotten how prolific I was at one time. I definitely fell into a rut there. Lately, though, I’ve been getting back into exploring design and flexing my design and front-end skills on some personal projects. Las...
Overlapping Header with CSS Grid
I have this design. Historically, I’ve done this with negative margins. The header has a height that adds a bunch of padding to the bottom and then the body gets a margin-top: -50px or whatever the design calls for. Since I knew I was going to be using Grid for the shell of this page, I wondered if there was an easy way to do this. I set up the page using three columns and four r...
Fancy Zoom Calls
AKA, how I set up my Sony DSLR to use as a webcam. Unless you’ve only just woken from a months’ long coma and the first thing you decided to do was read my blog, you’re likely aware of (waves arms around) this quarantine. I’ve been home and isolated for two months now. Fun times. As a result, I’m in a lot of Zoom calls. As a result, I’m envious of the few people with their fan...
A .Button is a Button is a Link
You’re working on a project and in it you see a button. It looks like a button, it acts like a button. It is a button. It is a <button>. It is a .button. But is every <button> a .button? Is every .button a <button>? Let’s take a look at some very specific examples: We essentially have three different types of buttons: Image-only buttons (the next/previou...
Kjolle
It’s April 2019. We’re in Lima, continuing the journey of going to the world’s 50 best restaurants. There are 3 restaurants on the list here in Lima: Astrid & Gaston, Maido, and Central. It looked like there was availability for all three restaurants and so we booked flights and hotel and then went to reserve the restaurants. A&G was fine. Maido was great. Central, however, t...
Playing with CSS Grid
I’ve been working on this site, Fifty, to track a list of restaurants that I’ve been to. Each new restaurant was a list item. The list will eventually reach 50 items and a long list is long and visually uninteresting. The first attempt was to use CSS columns. I threw on a column-width and bam. Slightly more visually interesting—at least, on larger screens. It’s still just an ordere...
Consuming to Produce
As the clock turns over an arbitrary time boundary that marks one year from the next, many reflect on their past and make promises of change for the future. Not one to want to feel left out in such reflecting, I, too, have made promises for the year (and, really, years) ahead. Well, one in particular: be more creative. Being more creative was purposely vague so as to leave numerous avenues ...
Travelling Man
As one might expect in trying to go to numerous restaurants around the world, much travel would ensue. And sure enough, that happened. In 2019, I travelled to: Montreal (twice) Toronto (twice) Pittsburgh Portland (thrice) Phoenix Austin Atlanta San Antonio San Francisco (twice) Napa Valley London Lima Paris (twice) Amsterdam, with a drive to Zwolle and Ghent, Belgium Barcelon...