Category Archives: 2019

Progress with My “Places to Eat” Web Application

Posted on by

Over five years ago, I blogged about starting my “Places to Eat” web application. Then about the “Places to Eat” application’s progress. I still work on it now and again, mostly adding new restaurants or city/states. You can find my list of restaurants at Gotta Eat Here.

Since then, I have been playing around with the accessibility and usability of the application. I did this to make sure the restaurant information worked for everyone.

Leftover cheeses, cured meats, and even a few veggies on a cutting board in my living room.

The above photo was an excellent snack that I had while starting the research of iOS applications related to finding a place to eat, drink, attend an event, etc.

I still haven’t completed all the research on other applications that you can store places to eat. I need to do the research again and see how the applications have changed when I start over two years ago on this post.

But I have asked people I know or meet at conferences if and how they keep track of where they want to eat when traveling. I have used their feedback in my process to build something easy to use. Along with getting them the restaurant information quickly and easily.

10k Apart Contest

Years ago, An Event Apart and Microsoft put on a contest to build a web-based application in under 10 Kb. It was called 10K Apart. The contest was an easy way to code a light-weight mini-application to display all the places I liked. I have gotten other recommendations from people I know in a given city, or from blog posts/articles, or TV shows.

The plan was to build the main HTML and CSS template in three to four kilobytes. So I had six or seven kilobytes for the content. I used PHP to read in JSON files for each city that contained all the restaurant’s information.

I spent about eight or ten hours building the responsive template. The beautiful thing is there was no primary navigation, so I didn’t have to worry about that. I simply created a drop-down list of cities and states that you could choose. Then people could find out where I recommend they eat n those locations.

10K Apart Entry

The 10K Apart version was only ten restaurants per city, so when the page rendered, it was under 10 kilobytes. I wasn’t sure if the 10K Apart contest would count each page towards the total kilobyte count.

So I built the PHP code to refresh the page with the content back to itself with a full-page reload. At first, I used POST for the form, which hid the location information from the URL. Later on, I changed it to a GET. So I could send people a link that had a city parameter ( slct ) in it to save them having to look things up themselves.

After the 10K Apart Contest

I used the 10K Apart contest entry as my starting point for a much larger version. I built a more comprehensive individual city and state JSON files of places I ate or wanted to eat. I started it to have an easily accessible list for myself, or if people wanted recommendations, I could send them a link.

Since the contest ended, I have added more restaurants, cities, states, etc., that I forgot about previously. Or new places I have tried and would recommend to others since then.

Over time I have even removed a few restaurants because the last few times I went, the food was not as good as it used to be. I have also removed places that have closed. I have removed more spots during the pandemic than at any other time.

With over 75 cities/states and close to 1,000 restaurants. It’s not an easy task to check broken/redirected links. So every few months, I check each city or state using the W3c’s Link Checker. Short blog post to come on how I do that.

This reminds me that during the pandemic, I should do it more often.

Future Plans

Long term, the plan is to start posting every two weeks or so. A handful of places I recommend you should eat at in a given location or for a type of cuisine. I think a newsletter would be a reliable way to do it too. But first, I need to look into newsletters, etc. I did create a MailChimp one that I haven’t used yet that I need to find again.

I’m doing this, so I will have a shortlist for a location to share with people in the future. When they ask for recommendations for a city or places I have already been. Along with maybe a bonus place I’m looking forward to going to when it’s safe to travel.

Future Posts

Over time I plan on writing multiple posts for some of the following locations and other locations:

  • Annapolis, MD
  • Austin, TX
  • Baltimore, MD
  • Buffalo, NY
  • Cleveland, PA
  • Las Vegas, NV
  • Memphis, TN
  • Nashville, TN
  • New Orleans, LA
  • New York, NY
  • Northern California
  • Northern Virginia
  • Philadelphia, PA
  • Portland, OR
  • Rochester, NY
  • San Diego, CA
  • Seattle, WA
  • Southern California
  • Syracuse, NY
  • Washington, DC
  • and many more

Conclusion

Please leave any restaurant suggestions in the comments. Along with any cities you are traveling to and want recommendations. If I have any knowledge about the locations, I will work on adding them to my list of over 75 cities or write a post about them if I already have information on them.

It would be helpful if you could please include the restaurant’s name, address (city and state), phone number, link, etc. Doing so will be helpful I’m when looking into them more.

If you want to find out more about places to eat, please register to receive an e-mail/newsletter when they are available.

It’s Been a Year Since My Last Drink

Posted on by
2

As of yesterday (February 11, 2021), it’s been over a year since I last had a drink.

The reason for that is I have never been one to drink at home by myself. So during the pandemic with being home by myself and not visiting with friends, I haven’t had a reason for a drink.

I’m a wine person 95% of the time anyway and don’t open a bottle to drink it myself. I would prefer to open a nice bottle and share it with friends than drink it by myself. In my mind, wine is to be shared with friends with a meal or whatever.

Last Drink

So on February 11, 2020, I went to the DC wine and cheese group event. Where two good friends were putting on a tasting at the group, we all used to belong too.

There we had, I think it was four red wines and a dessert wine, two kinds of cheese, and crusty bread, all for $25 or was it $30.

It was nice to attend the event and see other’s I hadn’t seen in years.

Other Times Prior

Before that, the last few times I had a wine/drink was Christmas Eve dinner at a friend’s in 2019. Then at Thanksgiving at their place the month before.

Before that, it was, I think, the last week of September 2019, right before my car died at my buddy Tony’s house. Typically on Tuesday evenings, we would get together to hang out. Have some wine, cheese, and sometimes a meal if someone was in the mode to cook.

Possible Next Time

So at this point, I think I’m going to wait until I can safely get together with my wine friends.

Yes, I have wine friends.

Here’s to Celebrating a Good Friend

Where we celebrate the life of my buddy, Tony, who was one of those two friends giving the class. He passed away the week of Christmas 2020.

So here’s to all of us making it through the pandemic and then having a drink with friends when it’s safe for all of us to do so.

No More Car

Posted on by
2

In the fall of 2019, I had car issues that I decided not to spend the money to fix. For an 18-year-old Honda Civic with 170,000+ miles on it, I had paid between $700 and $1,200 per year to fix things that had broken/needed repair.

So I used the metro (commuter train), bus, and walking to get around the DC area. Being that I lived in a large metropolitan city, I figured it should be fairly easy to do.

Going Places Using Public Transportation

I even managed to attend NOVA Code and Coffee events, which is between 12 and 15 miles from my house without a car. It meant walking to the metro (commuter train). Then take a blue line train. Transfer to an orange line train at Roslyn until the second last stop. There I could either walk the mile to the venue or if I timed it right, grab a bus that got me within two or three blocks.

The nice thing about this event was there were many great places to grab lunch afterward with other attendees.

Another bonus of the event was an H Mart (Korean/international) grocery store was near there. So I could grab a few things that would fit in my backpack with my laptop, charger, etc., that I couldn’t get at my local stores.

Before the pandemic, on Friday nights, I would make sure to bring my laptop to work. So I could go directly to one coffee shop and catch up on e-mail and listen to live music. Afterward, I would go to another coffee shop that stayed open later to do more if I felt like it.

Every other Saturday, I would walk a half-mile to the Alexandria Code and Coffee event to hang out and work on my side project. Then take the bus a few blocks away from M. E. Swing Coffee Roasters to do some more work or e-mail/newsletters, etc. Between 2:30 PM and 2:40 PM, I would head out to take the 10B bus from Del Ray to Arlington to grab a late lunch.

Then walk a mile to Norhtsdie Social for a bit more work. Then down to Three Whistles for live music and a bit more work. There typically was a bunch of Twitter reading and other distractions during all this.

Finally, close to midnight, I would catch two trains to get home. So spent the whole day either walking, taking a bus or train on days like this.

Getting Around Before the Pandemic

So before the pandemic, I managed to get around by foot, bus, or metro.

Okay, there were two weekends where I rented a car. About three months apart to do some large grocery shopping. At places like Wegmans, Sam’s Club, etc., to stock up on more bulk items like toilet paper, Kleenex, paper towels, etc.

My sister made fun of me for having a 30 part of toilet paper and some other rolls at one point when she visited. I felt good when I still have close to 25 rolls left when everyone else was attempting to buy some at the pandemic’s start.

Plus, I would go on the two Sundays to a buddy’s place who lived in the country and raised pigs on the side. To get out to the city for a bit and get some fresh air.

Finally, Got Rid of the Car

After not being able to use the car, I sold my car to a friend’s friend in late August. Because they thought it would be cheaper to fix mine than theirs. Now I need to find out if that was the case.

I checked. It seems it cost more than I would have wanted to spend, and that didn’t include my friend’s labor. I probably would have bought an eight or ten-year-old car for about the same price.

In Conclusion

Getting to go out in the country is the one thing I miss without having a car.

Since the pandemic, I have not been more than I think a mile and a half or a little more from my house.

I don’t want to get on the metro, bus, etc., at this point.

Playing Around with Flexbox by Starting with Articles and CodePen’s from Others

Posted on by

About a week ago on January 13, 2019, I saw a tweet from Heydon Pickering  ( @heydonworks ) talking about how he was using Flexbox to switch directly between multiple and single column layouts but didn’t have time to read it at the time because I was at work.

Later that day I saw Jonathan Snook ( @snookca ) had tweeted about some tweaks he had made to Heydon’s CodePen example.

Here is Heydon’s “The Flexbox Holy Albatross” article which he didn’t want to use media queries or JavaScript, along with Jonathan’s article about Heydon’s “Understanding the Albatross” article. NOTE: I used media queries to change font sizes in my example.

Started to Play with Heydon’s Code

After reading through both articles, I started playing around with Heydon’s CodePen to see what would happen with only two blocks for my jfciii Ate Here restaurant list. After playing around for a bit, I grabbed the HTML and CSS I had messed with and copied it into Textmate to make one page using my template for jfciii Ate Here. At that point, I gathered a few restaurants from my list of place to eat in Washington, DC and replaced the blocks with real content to see what doing so would be like on the page.

Part of my picking certain restaurants was to gather ones with different lengths to content for the same row for a wide width screen (think desktop/laptop). At first, I started with two per restaurants to see what that looked like for desktop/laptop and different width between there and a narrow width for a phone.

To me, it seemed that having two items to a line/row seemed like it could be confusing when reading the content, But then I remembered that most of the time people would most likely checking for restaurants on their phones while they were out wandering a city or sitting with friends instead of a desktop or laptop.

Pushed My Code Example

After pushing the updates a few different times to my website, I asked a coworker what they thought about the two columns, and they thought maybe adding a bit of space between the two columns would make it easier to read.

I then spent some time working on my CSS to add a few REMs worth to the right of them which seemed to work. But then I had the problem of forgetting I had to only added it to the first item in the list for a widescreen device. I ended up using :nth-child(odd), so the extra padding was on the first item in the row. Next, I had to remove the extra padding when in a narrower view such as on my phone.

Then I decided to attempt to use three restaurants to a row for a few rows and then two for one, and one with only one restaurant to see how they all looked before updating my PHP code to generate a given amount to my application page.

When I did that, I then had to add a max-width to the restaurant content container, so it didn’t span the width of a row, so the reading experience was better for people because of the long line length.

So here is my experiment with a bit of flexbox for jfciii Ate Here and the current look of one restaurant at a time for the wider width.

Thanks, Guys

Thanks, again Heydon and Jonathan for your articles and examples to get me to play around with flexbox.

Further Reading and Video Watching

Now it’s off to spend time finishing up reading Rachel Andrew’s ( @rachelandrew ) book from A Book Apart “The New CSS Layout“. Then start reading Rachel and Jen Simmons ( @jensimmons ) other work and watching both of their amazing videos to understand CSS Grid better. See below for more of their work.

Rachel Andrew

Jen Simmons

Conclusion

Please leave a comment of which number of restaurants per row for wider screens you think works for ease of reading and compare against my current version of jfciii Ate Here.