Howto

Field Notes: UI Patterns Module

UI Patterns Module

When it comes to Atomic Design systems in Drupal 8, there’s hardly a shortage of solutions to choose from. Pattern Lab and KSS Node are certainly among the most popular and the recently released Mannequin looks incredibly exciting. However, in all these aforementioned solutions, exposing that component data to Drupal has never been particularly straightforward.

Here at Hook 42, we’ve just finished developing a brand-new Drupal 8 site for a client that utilizes UI Patterns, Paragraphs, and Display Suite to allow content users to construct complex but consistent user interfaces. What follows is our “field notes” from implementing UI Patterns in a production site. Read more

Roping in TextWrangler

TextWranglin' Cowgirl

As Hook 42's Community Evangelist, I frequently venture into the prairie of Drupal documentation. It's not quite the Wild Wild West, but having a solid text editor in my holster keeps me saddled up and ready to ride.

Since I don't venture too far off the ranch into programming, I don't really have the need for a heavy IDE (Integrated Development Environment). I just need a tool that works on my Mac, writes with no fancy characters, and has the ability to do some basic formatting. TextWrangler definitely keeps me from squatting on my spurs, and the best part - it's free! Read more

Node.js version control in Drupal themes

Node.js version control in Drupal themes

It is important that for any given project, each developer uses the same version of Node.js and related Javascript (JS) packages. In this article, we’ll discuss how to use “Node Version Manager” (NVM) to install multiple versions of Node.js, how to use “Automatic Version Switching for Node.js” (AVN) to automatically switch Node.js versions when changing to a project directory, and how to use “Node Package Manager” (NPM) to keep track of JS packages. Read more

How to Help with the Drupal 8 Contrib Porting Tracker

Drupal 8 RC2 is out and a full release is coming on November 19th! But, in order to make more great websites on Drupal 8, we need to port a bunch of contrib projects from Drupal 7 to Drupal 8. There are a LOT of contrib projects out there (over 12,000 modules, themes, and distributions!), so the new Drupal 8 Contrib Porting Tracker helps track these projects so the community can see what’s going on in a centralized place. Read more

Keep Drupal Entity References in Sync with the CER Module

Migration and Updates Diagram

Corresponding Entity References (CER) is a very useful module if you have two entity references that talk to each other. If you update one entity reference, CER does all the work to make sure the other entity reference reflects that update. It makes it easy to quickly associate entity references without having to edit two entities. Read more

Wraith tutorial for designers and others new to front-end ops

With new responsive websites, it's more important than ever to look at your site at different widths. But this can be time consuming and repetitive. Also, you may want to see how your dev site compares to your live site - for example "Did this small change I made to the css on one page change much on other pages?" Again, time consuming to do by hand. Luckily for us, here comes Wraith to the rescue!  Read more

Deleting a Drupal Field Saved in Features

Drupal Knowledge

There comes a time in every Drupal developer's day when they realize they really don't need a field on some content type or other entity. Maybe it was a field holding temporary data while you did a migration or maybe a feature was removed or maybe things have been rearchitected to use a non-field approach. Read more

Pages