Year: 2014

Responsive Fixed-Fluid Layout

The Problem

Build a two-column responsive page that had a fixed-width right column. It actually sounds easier than you think. That fixed-width right column throws a wrench into everything.

For this example, let’s go with a fluid left column and a 320px wide right column.

HTML

<div class="main">
<div class="leftwrapper">
<div class="left">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent elit dolor, congue vitae turpis in, blandit dictum magna. Praesent sollicitudin dictum libero. Aliquam tempor elit quis metus egestas, vel adipiscing nibh pulvinar. Aenean quis venenatis massa, at interdum est. Praesent iaculis mi lacus, quis auctor purus placerat vel. Cras sed commodo velit. Aenean ac aliquam purus, vitae rhoncus justo. Proin mollis facilisis sapien, id consequat purus imperdiet eu. Donec posuere, arcu a facilisis ultrices, nibh nisi convallis ante, et sollicitudin metus ante vel felis. Curabitur sagittis, dolor malesuada adipiscing pulvinar, velit risus elementum augue, non tempor lectus mi sit amet ipsum. Aliquam mollis semper ultrices. Sed eleifend tempus dui nec venenatis. Maecenas faucibus turpis leo, nec facilisis sapien mattis non. Donec in elit vitae enim interdum auctor nec id dui. Vivamus sed odio diam. Cras pretium dolor ac neque iaculis eleifend.

</div>
</div>
<div class="right">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent elit dolor, congue vitae turpis in, blandit dictum magna. Praesent sollicitudin dictum libero. Aliquam tempor elit quis metus egestas, vel adipiscing nibh pulvinar. Aenean quis venenatis massa, at interdum est. Praesent iaculis mi lacus, quis auctor purus placerat vel. Cras sed commodo velit. Aenean ac aliquam purus, vitae rhoncus justo.

</div>
</div>

Read more »

Pork Chops, the Cast Iron Skillet Way

Pork chops

I’m still new to the whole cast iron skillet thing. I like how versatile it is. This isn’t much of a recipe more than a procedure.

Ingredients

  • 2-4 Pork Chops, bone or no bone, roughly 1-inch thick
  • Olive Oil
  • Salt & Pepper
Read more »

Fried Rice

Fried rice

i love making fried rice for the week… it’s super easy and cheap

ingredients

  • 5 cups cooked white rice
  • 2-3 cloves garlic, minced
  • 1/2 yellow onion, chopped
  • 1 package bacon, chopped into squares
  • 1 bag frozen vegetables
  • 4 eggs
  • reduced sodium soy sauce
  • salt & pepper
Read more »

Sofia Riley King

Had the honor of taking photos of my niece for her one month anniversary. I’ve never done a “new baby” photoshoot before, but I took it as a challenge. I knew what type of shots I wanted to do — and what shots I didn’t want to do (eg Sofia in a hallowed-out watermelon a la Anne Geddes… blech).

The challenge was in post-production. I’m in love with the film look that many photographers are mimicking. It softens the photo and adds a lot more character to the subject. It took many hours to get what I wanted… and I don’t think it’s fully there… but it’s close. I can’t wait to do more photoshoots like this to get more practice at post-production.

Adding the WordPress Uploader to Your Theme or Plugin

There are some tutorials out there similar to this, but WordPress has since updated their media uploader, making those tutorials obselete. This code is essentially a combination of the best ones I’ve found

Javascript

first, you’ll want to save this code into a .js file, say “uploader.js”
Read more »

Newer