image of iphone

Don’t Forget to Aggregate

It takes five minutes, improves your page load times, and now it may help your Google search results—aggregate your Drupal CSS and JavaScript files. On April 21, 2105 Google will change it’s search algorithm to potentially place mobile friendly sites higher in their search results. Google has a mobile-friendly test that allows you to see … Continued

image of wooden bricks

Drupal Field Collections: Repeat with Style and Class

Content comes in many shapes, forms and sizes. However, there are some common content patterns that we web designers and developers use quite often. One of these patterns is the combination of image, title, text and link to create a card-style teaser—often used, often created, often duplicated—and for good reason. Let’s take a look at … Continued

Image of labeled drawers

Help Others and Help Yourself: Use Meaningful Field Labels and Descriptions

Open source content management systems like Drupal and WordPress provide great tools for creating content types, adding fields, customizing field labels, and adding field-level help text that can essentially serve as built in content documentation for the site administrator. However they are only helpful if you use them. A Quick Embarrassing Story About six months … Continued

Working Through a Mixin: Part 2

Working Through a Mixin: Part 2

In the previous post we setup a mixin that lets us create component layout styles where we can define how many components per row we want and how wide we would like the margin between those components to be. Now we’ll improve the mixin to work with different screen sizes with media queries! Part two of … Continued

Working Through a Mixin: Part 1

Working Through a Mixin: Part 1

A step-by-step guide for working through the process of building a reusable Sass mixin. Part one of a two-part article: Working Through a Mixin: Part 2 The Back Story One of the UI design patterns that I often come across is a series of elements or components that sit next to and on top of one … Continued

Hexadecimal to rgba Conversion with Sass

Hexadecimal to rgba Conversion with Sass

If you like using hexadecimal number formats over rgb, but also like the ‘a’ in rgba, then you may want to consider using the Sass rgba function. The function takes two parameters: the first one is the hexadecimal color, the second is the alpha value. Converting a dark gray hex to rgba black with 50 … Continued

The Singularity is Here

The Singularity is Here

I recently decided to quit jumping from responsive grid to responsive grid in hopes of finding the perfect grid that solved all my problems and filled the void left by a number of other grids used in the past. I made this decision, because for the most part the previous grids I tried all did … Continued

Search Krumo–Seconds (if not Minutes) Off your Day

Search Krumo–Seconds (if not Minutes) Off your Day

In this post I’m assuming you’ve used the Drupal Devel module and Krumo to inspect or debug your arrays using dpm() in a more user-friendly manner than printr() or vardump(). If you have not used Devel and regularly debug Drupal arrays, stop everything you’re doing and check it out. The Search Krumo module adds a search field … Continued