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… Continue reading Don’t Forget to Aggregate
Author: Ryan Blyth
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… Continue reading Drupal Field Collections: Repeat with Style and Class
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… Continue reading Help Others and Help Yourself: Use Meaningful Field Labels and Descriptions
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… Continue reading Working Through a Mixin: Part 2
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… Continue reading Working Through a Mixin: Part 1
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… Continue reading Hexadecimal to rgba Conversion with Sass
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… Continue reading The Singularity is Here
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… Continue reading Search Krumo–Seconds (if not Minutes) Off your Day