Skip directly to content

Happy Holidays 2012

I've been pondering on the purpose of a family newsletter. Growing up, my parents would send one out every year. They were always cleverly designed and filled with bite-sized chunks of information about what each family member had been doing during the year. Mom has a new calling at Church, Jeff got a new job, Bryan's Track and Field team went to state (that never happened), and so on. It's a way of telling the people you care about what you have been up to, with a family photo included to ensure that the faces of old friends don't grow unfamiliar.

But we live in a different world today. A world where anybody can keep track of their friends through Facebook, Twitter, or a personal blog. Perhaps I shouldn't even consider making a newsletter at all. These platforms have more information and photos then the traditional newsletter and they are way more convenient. Keeping up with friends and family is easier than it has ever been. What value does a newsletter have then? Is it obsolete?

In thinking about it, I determined that a newsletter created value in the following ways:

  1. It allows you to give a synopsis of the year with the wisdom of hindsight
  2. The brevity of the format makes it very digestible
  3. The time it takes, and the exclusivity of individually mailing letters, is a message to the people that merit one that they are important to you.

I then realized that sending out a mass email or a well crafted blog post actually hits on the first two points. It doesn't, however, hit the third. Of course, I want to tell my distant family and friends that they are important to me. But how?

A personal visit won't work, with many of my friends and family on the other side of the country. A phone call is better but all the scheduling required makes it hard to do very many. If I had a restaurant, I could name a menu item after them, or if I was a respected biologist, I could name a new species after them. But with no such connection to fries or flies, I cannot take advantage of these options.

So it is without any clear alternative that we will be sending out a newsletter-esque christmas postcard to a couple of you.

But I want to be clear. If you do not receive one, you are still important to us! Our lives have been influenced by you in so many ways, some that neither you or I will fully recognize. We love you all. Happy holidays!

What have we been up to this year?

Bryan finished his Mechanical Engineering degree from BYU. He built Batman's grappling hook for his capstone project which landed his team a third place finish in the Air Force competition and some air time on KBYU and the Discovery Channel. Now he's a web developer at Acquia, Inc and is working in downtown Washington D.C.

Holly wipes noses and bums all day and is surprised at how rewarding it is. This year, she's seen her daughter, Heidi Adele, start walking and talking, singing, running, helping, hugging, kissing, and praying. She also brought Peter Bryson into the world and two weeks later, packed him up and moved across the country to have a new adventure. Peter is now a friendly, round little boy.

We hope the holidays find you and your family happy! We certainly are.

Writing a Letter

Today, I decided to spend an hour writing somebody a letter. You know… that thing with the paper and the envelope and the stamps. I'm aware of the inconveniences of this dated mode of communication but my choice to use physical pen and paper was deliberate.

Perhaps we thought that with the advent of email and mass communication, writing letters by hand would disappear. Email is quick, free, universal, archivable, and scalable. But there is one thing it doesn't have… something it could never have.

It's the inconvenience of buying stamps and envelopes and paper for writing. It's the fact that writing speeds are 1/4 the pace of typing speeds. It's the lack of the ability to make corrections, move paragraphs around, and spellcheck automatically. It's the fact that one letter can never be sent to more than one person. It's the energy you spend putting on your shoes and jacket and making a trip to the mailbox on a cold day in November. It's the discomfort. The tedium.

In an incredible twist of irony, the costs of writing a letter by hand became the medium's most valuable asset. In deliberately choosing the inefficiencies of writing by hand, you are sending a message to the recipient. A message that says, 'This is not a whim or an afterthought. This is important to me. You, are important to me.'

In writing a letter, you send more then just content. Seth Godin would say that you are giving a gift. A gift purchased, not with money (beyond the price of shipping) but with time and effort. And think about it… that means a lot. Money will come and go, but once you spend time, you can never get it back.

After my last job interview, I scrounged together a few pieces of paper from the hotel I was staying at and I penned out an individual thank you letter to each of the three people I had interviewed with. When I arrived at the airport, I had no envelopes so I asked the woman at the information desk where I could find some. She pointed me to the business services center which had no envelopes but sold stamps. By the time I had found a stationary store with envelopes, slapped a few stamps on my letters, and dropped them in the postbox, I was dangerously close to missing my flight home (which would have been bad, since my unborn baby's due date was the very next day).

Sending those letters was hard! I could have done 10% of that work with email but it wouldn't have had the meaning. And if you're wondering if that makes a difference, notice how I said it was my 'last job interview.'

Two days ago was National Letter Writing Day. Besides the nostalgia, I don't think there is anything remarkable about the process of writing a letter. Certainly nothing meriting a celebration. But what makes it remarkable is the writer intentionally choosing to incur the personal cost of doing it. Perhaps 'Letter Writing Day' is an opportunity, like the many we get at this time this year, to look inside ourselves and ask "when was the last time I did something kind for somebody else?"

So no, I don't see snail mail going away anytime soon. Not as long as people care enough to make small sacrifices for each other. And I certainly hope that doesn't ever go away.

A Drupal 7 Image Gallery Tutorial

This tutorial describes step-by-step how to build a basic thumbnail based image gallery, based on Views. The result would look something like this:

(you can see a live demo at bryanbraun.com/portfolio)

The instruction is designed for Drupal site builders or admins with a basic understanding of Views and Fields. It assumes you are running Drupal 7.x and Views 3.x.

Step 1: Preparation

Modules

A views image gallery uses several modules. You can download and install all of these modules (and the modules they require) at /admin/modules/install.

Enable the following contributed modules...

  • Views - all purpose "reports" generator for Drupal
  • Chaos Tools - a tools library required by Views

...as well as these core modules:

  • Field
  • Image
  • File

Step 2: Content Configuration

Step 2a: Create Content Types

We need to create a new content type for images we put in our gallery.

  1. Browse to /admin/structure/types and create a new content type called Gallery Image.
  2. Add a field to the content type called My Gallery Image. This will allow you to upload an image when creating content.
  3. Optional: remove any unnecessary fields like the body field. This content type only needs to be able to upload an image.

Note: Feel free to use use whatever names you like for these fields and content types

Step 2b: Upload some photos as dummy content

  1. Browse to /node/add and add content using the Gallery Image content type we just created
  2. Use the "My Gallery Image" field to upload one of the photos that you want in your gallery.
  3. Set any other settings as necessary and save the content.
  4. Repeat the steps above until you have loaded up 3 - 5 photos for dummy content

Step 2c: Create an image style for your thumbnail

  1. Go to /admin/config/media/image-styles and click Add Style to add a style named gallery_thumbnail.
  2. Add an effect of "scale and crop" (several other effects may work for you, so feel free to play with these settings)
  3. Set the width and height to be 150 pixels
  4. Update the effect

It ought to look something like this:

Step 3: Build the View

Step 3a: Create a Gallery View

To display images in a Gallery we will create a view that displays every piece of content you have published under the Gallery Image content type.

  1. Go to /admin/structure/views and click Add new view
  2. For the view name, call it "Photo Gallery"
  3. Set the view to Show Content of type Gallery Image sorted by Unsorted
  4. Check the box to Create a block (and uncheck the Create a page box if necessary)
  5. Name the block title "Photo Gallery"
  6. Set the display format to Grid of fields
  7. Set to 10 Items per page, check to use a pager and click save and exit

Step 3b: Views Configuration

We'll have created a view with a block display and now we need to ensure that all our settings are correct.

First, locate the view in your list of views and click the link to edit it. Make sure your settings match those listed below:

  • Display name: 'Photo Gallery'
  • Title
    - Title: 'Photo Gallery'
  • Format:
    - Style: 'Grid'; Number of columns: '5'; Horizontal
    - Show: 'Fields'
  • Fields
    - Content: 'My Gallery Image'; Formatter: 'Image'; Image style: 'gallery_thumbnail'; Link image to: 'content'
  • Filter Criteria:
    - Content: 'Published (Yes)'
    - Content: 'Published or admin'

This criteria ensures that a photo won't appear in the gallery unless the photo has been properly uploaded and publish as part of your Gallery Image content type. The resulting set up will look something like this (though yours ought to say "Content: My Gallery Image").

Save the view.

Step 4: Test your setup

Now scroll to the bottom of your view configuration page and check the Auto preview checkbox. If your gallery is being properly displayed in the region below, then you did it! Just save the view and it will be created as a block (remember, that's the option we chose in step 3a, #4). Now you just navigate to the blocks page (Admin Bar > Structure > Blocks) and drop the block into a region to see how the view looks on your site.

Step 5: What's next?

You can do a lot to customize your gallery. Here are some options:

  • Change the pager settings for your view (determines the default number of thumbnails in your gallery)
  • Style the view output for your view using CSS (I like CSS Injector, since it's quick and easy for beginners)
  • Add a Page display to the view, so it exists on its own page (learn more about displays on drupal.org)
  • Change Image styles to change thumbnail size or image scaling/cropping in the thumbnail
  • Uploading more images
  • Allow rating of images (using modules like Voting API, or Fivestar)

Other Resources

  • Views Gallery module by KarenS -- A Drupal 6 module that uses this methodology with hardcoded content types.

Note: I wrote this tutorial as part of a Drupalcon Denver documentation sprint and I originally saved it in the views issue queue (which I'm pretty certain was the wrong place to put it). Anyways, I'm reposting it here so I could clean it up, include images, add links, and make it more findable. I certainly could have used this when I was figuring this out. Cheers!

Vim Color Schemes: A Call for Designers

Sometimes I'm knee deep in technology and I come across a situation where my eyes are insulted by a deluge of terrible design. Once it was in finding this website. Most recently, it was in browsing color schemes for Vim, a command line based text editor.

For background, Vim lets you create and edit text files in a command line, and "color schemes" exist to highlight the words you're typing with different colors. If you are a developer, it makes sense, but to non-developers, it's the equivalent of highlighting your sentences so all the nouns are one color, verbs are another color, punctuation another color, (and so on…). The overall effect makes the the code easier to understand. And let me tell you… every little bit helps.

Anyways, there are tons of options for color schemes but this is what you find when you browse them.

See the full listing at http://code.google.com/p/vimcolorschemetest/

Seriously? I mean, I get that the project is open source, which has the side effect of inviting in the unfinished whims of the hobbyists everywhere but this is just absurd. Just look at the blue one in the top right. It's hard for me to believe that there are people out there who make these designs and aren't too embarrassed to publicly contribute them. I look at these and think that all it would take is for a designer to come in and pop out three or four polished designs in a weekend and just clean up shop. Such a contribution would quickly bubble to the top, since everybody wants a better experience. Right?

To be fair, with a bit of digging, I did find a couple (like Wombat and IR Black) that weren't too bad.

I'm starting to realize that some developer circles turn a blind eye to design. Almost as if the ability to do visual design was below them. Or maybe they feel like it isn't the kind of skill that you can study and develop in yourself… that it's something you must be born with. My message to people with these kind of attitudes is that you are only hurting yourselves. Sure, it may not be wise to aspire to be an expert in everything, but a putting a little effort into learning design principles can go a long way.

Pages