Front End

Visual/CSS Regression Testing -- Catching the "unintended consequences" of modifying your theme

Have you ever spent hours poring over a web application when making changes to the theme, looking for the consequences of CSS style rules that are too broad?  Ever made changes to a client's website, only to find out the theming for the newly designed front page totally screwed up the formatting on the product pricing page -- after you deployed the changes?

You are not alone.

Cat gifs. Also front-end build process.

Today’s front-end workflow benefits greatly from familiarity with a few key languages and libraries - this is especially true as we move closer to a D8 release date. The front-enders at Chapter Three came together to discuss standardizing projects; a goal that had raised much contention in the past. After several rounds of hand-to-hand combat, we were able to come together and produce a front-end build process that has increased productivity, decreased friction, and helped with posterity and team interoperability.

Making's Front-end Out of this World

The front-end requirements for modern websites are becoming increasingly complex. They need to be responsive, often have complex scroll interactions, involve many layers in their toolchains, and most of all they need to be fast on your desktop and on your phone. 

The redevelopment of in Drupal presented unique challenges that required us to pull out all the stops in order to deliver a beautiful, super fast site with a front-end architecture that makes it easy to adapt to the future.

Theming for Performance

Some of the most aesthetically pleasing sites are also the slowest, but you don't have to limit yourself to square corners and solid background colors to speed up your Drupal site. There are a number of tips and simple techniques you can adopt in your current process to get both performance and great design in future projects.


While clear, many somehow forget the simple equation that:

Great design + fast loading pages + (great content of course) = more traffic.