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 …

Rethinking the Mobile Experience

Now that mobile is so necessary, companies are switching over to responsive design. That’s great, but is it enough? The first thing to consider is  “what makes a good mobile experience?” Here are my thoughts: Good site performance is essential because although speeds are getting better with 3g/4g mobile devices they are still slow as compared to …

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 …

Facebook Live for Small Business

Facebook Live and other streaming video services are great ways for small businesses to market and promote their goods and services. Some of the benefits of marketing using Facebook live include; it’s is easy to setup on a large and diverse network, Facebook seems to give importance to live video posts, and live video is …