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...
A Year of Restaurants
It’s been an interesting year, to say the least. Started a new job. Left that job. Ended a relationship. Have a newfound affinity for Islay Scotch. (Those last two things aren’t related, surprisingly.) Throughout this tumultuous year, there has been adventures to many amazing restaurants around the world. The main goal was to continue on the quest to eat at 50 of the World’s 50 Best Rest...