Jack Haas

Photo of Jack HaasAlternate photo of Jack Haas

Jack joined Advomatic in 2007 and is a front end developer with a long history of working with non-profit organizations, businesses and individuals.  He created his first site way back in 1996 as a teenager, and has always had an interest in tinkering on things for the web.  He started out professionally as a Drupal themer, but that role has gotten much more complex over the years and he's now using many bleeding-edge front end techniques in his work.  Working in the industry for over 10 years now, he continues to adapt as the needs of clients and users have changed.  These days, that means a bigger focus on mobile and responsive design.  He lives out of the Hampton Roads area in Southeastern Virginia and enjoys being outside when he's not inside.

Posts by Jack

A Week of Firsts at Drupalcon

I went to DrupalCon this year with the goal of doing things a bit differently this time. I’m a bit of an introvert with people at first, but I’ve been told I don’t come off that way. So, I decided to leverage that and just push myself through things that, in years past, I would …

Design tips for lowering front-end costs, part two: Reducing complexity

Abstract image showing complex design

Last week, we discussed a few ways design deliverables can be made with the goal of streamlining the front-end development process. This week, we’ll address design complexity and how to simplify things with that same goal. Assemble page designs as a collection of modular pieces that fit together, and provide notes for any edge cases …

Design tips for lowering front-end costs, part one: Deliverables

box of typesetting letters

Here at Advomatic, we frequently get the chance to partner with really creative, disciplined, and talented design shops. Over the years, we’ve identified a few areas where we can be more helpful to them. We’ll try articulating the best ways to solve design problems which have an impact on the front-end development approach. Along with strategizing …

Front-end Code Review Fundamentals

We’ve been thinking about code reviews lately here at Advomatic.  Fellow Advo-teammate Oliver’s previous post covered the whys of our code review process, and Sarah covered the hows when she did a overview of some tools we use regularly.  This post focuses on the front-end side, and deals more with the whats of front-end code …

Automating Living Style Guides in a Drupal Theme

Over the past year or so here, we’ve tried to make front-end development less painful by creating living style guides in our Drupal themes that we can use internally as a valuable resource during development, as well as externally as a client deliverable. They allow us to write consistent, reusable and efficient code that is easy to maintain over …

Responsive & adaptive grids with Susy, Sass & Compass in Drupal 7

Here at Advomatic we've experimented with several approaches to responsive design over the past few years. I think the "mobile first" philosophy became popular right in the nick of time. There was a point when we'd detect if the user was on a mobile device and then deliver a separate mobile theme. This meant two …

Notable changes to theming in Drupal 7

There are 50+ changes to the theme system in the move to Drupal 7 – that’s a lot to consider when upgrading your theme from Drupal 6 to Drupal 7. As expected, some of the changes make theming more complex… but those changes can also free things up for you to do complex things in …

A lesson in the usefulness of CSS sprite generators

The basic premise of a sprite image is to consolidate your site’s graphics into one (or more) master image file. Then, with the magic of CSS’s background-position property, you can shift the master sprite image around and only reveal the parts you want. Like a window. Some might even say like a Sliding Door. What …

Faking imagecache for external images in Drupal

Imagecache is just one of those modules that we use on a consistent basis. There are usually many places within a complex site where the ability to crop and scale an image to a certain size comes into play. While this works great for images that you are storing on your own server, you run …