Blog posts by John

  • Reusable List Styles

    September 17, 2014

    Abstracting styles so they are reusable and clearly named is rarely straightforward. Here are some patterns to look for that will ease the pain when styling lists.

  • Managing Compass Extensions with Bundler

    August 27, 2013

    I love hearing about new Compass and Sass tools and am always chomping at the bit to try them out. That can turn into a pain if I, or anyone else, update to the latest, greatest new gem hotness and get out of sync with the rest of the team. Managing versions can turn into a pain, but it doesn't have to.

  • The Component, Element, Modifier Design Pattern

    May 01, 2013

    The Component, Element, Modifier pattern increases the reusability and maintainability of CSS code by scoping CSS styles to particular components through the use of class naming conventions.

  • Holistic CSS

    November 29, 2012

    In school, I took a number of drawing courses as prerequisite to the Visual Communications program in which I eventually enrolled.

  • Applying SMACSS to Drupal

    October 11, 2012

    Maintaining CSS on large Drupal sites or ones that go through frequent revisions can become a nightmare if you're having a free-for-all in your stylesheets. You need structure.

  • Vertical Rhythm with Compass

    September 12, 2012

    Vertical rhythm and baseline grids are age old tools used by designers to help aid the placement of content within a layout. This post is focused on the 'how' not so much the why.

  • Design for Drupal, Boston 2012

    July 24, 2012

    Last weekend, Ken and I headed to MIT for the 4th annual Design for Drupal Boston—one of the few Drupal camps geared specifically toward design and front-end development.

  • Adding CSS Classes to Fields in Drupal

    June 22, 2012

    Implementing any type of modular CSS requires fine grain control over classes in your HTML. In my last post, we looked at how we can easily add classes to blocks in Drupal using preprocess functions. Now let's apply the same technique to fields. Fields are a fundamental building block of any Drupal 7 site. Fields contain content and content is king. Before we dig in and start classing up our fields, let's look at how they are rendered to the screen.