What?

What

This site has nothing to do with livers. However, that is how I decided upon this domain name. I couldn't find any nice short domain names that weren't already taken. In frustration I tried typing in "liver" backwords. It worked, it's short, and I like it.

This site is basically my development play ground. It actually started out as a 24 hour challenge to build a website with:

This challenge was interesting because I had never used Codepen or Jeckyll before. That being said, since I did everything in less than 24 hours, you may see some rough edges in my initial design and commit to GitHub.

Anyways, now I just use the site as a dumping ground for my experiments.

How

This was my general process for this project:

  • Plan
  • Concept
  • Design
  • Implementation

If you noticed some similarity between this and the User Centered Design process, you wouldn't be wrong. Though, since I was the user, this simplified things greatly. However, there were several things I would have liked to do, but did not have the time.

Plan

This was fairly easy since I knew what I wanted to do and was not responsible to any stakeholders aside from myself. So I outlined a general plan and decided to use a few technologies I knew and a few I didn't. For example, I had been wanting to play with Codepen for a while now and someone I know recommended I play with Jekyll.

To make it even easier, I decided to only code for modern browsers. :D

You can see my general plan in the above section.

Concept

To start, I usually like to create mockups to work out the ideas. Sometimes I use the pen & paper approach and sometimes I'll use mockup software like Balsamiq Mockups; whichever makes more sense for the scope and size of the project. For example, I sketched a couple thoughts out for this website:

revil.com site mockup
revil.com site mockup

Design

I usually start this out with prototyping. For this project, I used Codepen. You can find the prototype for this site (and more) at my Codepen profile.

See the Pen 494fd43365d12cd903c383dfdc0a5139 by Patrick (@revil) on CodePen.

You'll notice some really nice imagry in the above Codepen. I did not make those due to my time constraint (and I probably couldn't make anything that nice). But, since I needed a couple assets I went out to a stock asset company, shutterstock.com, where I can find what I need for a nominal price. Specifically I bought these:

Implementation

This site is running on Ubuntu, hosted on a Rackspace Cloud Server, and uses Jekyll to build the website. You can see all the Jekyll stuff on my GitHub page for this project. Setting up the server was fairly pedestrian, so I won't waste your time with it.

A few things I learned

  • Jekyll & Codepen are pretty neat.
  • I should move this site from Rackspace to Amazon S3.
  • If I am to continue with this website, I should rethink the information architecture.
  • The first bullet point is an understatement.

Who

Hi. My name is Patrick Hendricks and I'm from Portland, OR.

Developer

I am currently a Senior Software Engineer at Huron Consulting Group.

  • Front-End Engineer
  • User Experience & Usability
  • Back-End Chops
  • TCB

Grappler

I am an active grappler with a 3rd degree black belt in Judo (USJF). I also practice Brazilian Jiu-Jitsu and Wrestling among other things.

Here are some of the things I like to do in this realm:

Patrick Hendricks as a child in a costume

Latest Blog Post

Fizz Buzz Fizz Buzz is an old question that can often be found in programming interviews. The idea is to write a program that prints number from one to a hundred. Read Post...
May 4, 2015