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:

  • Planning

    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.

    I needed a couple assets which I did not have time to build myself. Luckily there are sites out there like shutterstock.com where I can find what I need for a nominal price. Specifically I bought these:

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

  • Implementation

    This was the fun part! I got to put all the puzzle pieces together. :D

    This site is currently hosted on a Rackspace Cloud Server running on Ubuntu using 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.

If you noticed some similarity between this and the User Centered Design process, you wouldn't be wrong. Though, since I only had 24 hours, I did not do as much as I normally woud have.

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. I'm a front-end web developer with back-end chops based in Portland, OR. I am currently a Senior Software Engineer at Huron Consulting Group.

Front-end Web Developer

My Forte:

  • Web Development
  • HTML, CSS, JavaScript
  • User Experience & Usability

That being said, I have a wide range of skills. Among those are:

  • Education: B.S. in Computer Science (Oregon State University)
  • General: Software Development Life Cycle, Web Services, TCB
  • Languages: .NET / C#, Java, PHP
  • Environments: Windows Server, Linux, OS X
  • Database: SQL Server, MySQL/MariaDB
  • Source Control: TFS, GIT, Subversion
  • IDE: Visual Studio, WebStorm, IntelliJ IDEA
  • Other Software: Photoshop, Office, Click Portal & Compliance Solutions

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:

Volunteer

Every year my friends and I help raise funds for the American Cancer Society.

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