DrupalCampNJ Bootstrap Paragraphs

We recently attended DrupalCampNJ it is always a well organized and informative training camp. The camp takes place annually in February at the Friend Center, Princeton University. I always enjoy the session but also meeting and talking shop with other designers and developers. This year my goal was to learn about the paragraphs module in …

Sass vs Less

What is Sass (SCSS) and Less? Sass and Less are pre-processors that extend CSS (Cascading Style Sheets). They add features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themeable and extendable. They both have similar functions and syntax with minor differences. In Less, variables …

Designing with the development in mind

This post is a follow up to my previous post, Best practices for mobile friendly Web design, which I wrote a couple years ago. Having recently worked on several projects with graphic artists from print backgrounds, I am reminded how important it is for designers to be cognizant of the development process when designing for …

Non-Standard Bootstrap Headers

When we were asked to do a re-design for the The Concord Advisory Group Ltd. we used the Bootstrap toolkit, which provides a framework of pre-made components for building websites and Web User Interfaces. We like Bootstrap because it is responsive, mobile-friendly, works with LESS variables, and has a bunch of helper classes. It is also generally …

Google Data Studio Comparison Colors Wrong

We have been working with Google Data Studio ( https://datastudio.google.com ) especially since it is now offered fully to the public without limits. It is an amazing tool to give an elegant, customizible display to your Analytics or Adwords data report. Check out our introduction post, What is Google Data Studio?. One of our first …

What is Atomic Design?

Originally termed and explained in a book by Brad Frost, Atomic Design is a process of designing using smaller pieces called “Atoms”. Then taking those building blocks and creating, “Molecules,” “Organisms,” “Templates” and “Pages” which are ever increasingly larger collages of their smaller components. By creating modular pieces of code containing HTML, Cascading Style Sheets (CSS) and Javascript you are able …

Intro to AMP – Accelerated Mobile Pages

We have been recently researching different ways to help increase site speed and performance, especially on mobile devices. It seems in some ways the web is going back to when I first started web design in the early 2000’s. We were designing for 640px x 800px dimension and trying to keep the code as clean …

Using Rules and Views Bulk Operations to automate Drupal 7

This post is primarily focused on how to use the Rules module to automate actions on your Drupal site. It discusses the differences between a Rule and Rule Component; how to use Rules to identify, evaluate and modify associated fields of a node or other entity; and how to pass data to a Rule with …