I just updated my portfolio with my major work in the last 8 months. Three high-traffic websites all running on Drupal!

Two of the websites, Florastor Probiotics and The National Interest Magazine, are fully responsive. They each use similar approaches to responsive design but different CSS preprocessors, different breakpoint systems and different Drupal layout techniques. Florastor.com was built with Sass, which is written in Ruby. The most popular way to write CSS but not very programmer friendly unless you want to learn Ruby. Nationlinterest.org uses Less which is written in javascript. I am a huge fan of javascript, like most of my kind. I am using Nodejs for creating the production ready CSS.

I especially enjoyed taking what I had learned in the Sass plugin, Sass Breakpoint, and creating my own for Lessjs. I am planning on documenting how I accomplished this in an upcoming blog post.

Responsive design techiques are still in their infancy.  There was a time when I would have had to create two seperate websites: a desktop site and a mobile site. When tablets came along, and HD (Retina) mobile screens, responsive design simpilified and made everything more complicated. We don't need seperate websites, we need one great website that adapts to different screen sizes.

As responsive design has advanced, mobile technology has too. People tend to upgrade their smartphones before their computer. This has helped getting a modern website to run smoothly on something that can fit in your pocket.

What they say


Amy Kessel, amykessel.com

What I do

I design and implement front-end experiences that engage audiences and exceed business objectives.


Who I am

I am a hybrid designer developer who is passionate about Drupal. In my past career I was a scientist. In addition to my love of geekery I enjoy hiking and snowboarding.

Read more