Pattern Language: Pattern Libraries in the Wild

Web teams have embraced pattern libraries to address the complex requirements of responsive sites. This involves everything from a methodology (for ex: Atomic Design) to its tool (Pattern Lab), or both. But how do these tools actually work in practice? This session will look at what Bluecadet has experienced as we shifted our design and development process to create flexible, modular sites. This session will touch on:

* Identifying content and visual patterns
* Forming consensus around the language we use to describe patterns
* How we build our patterns in Drupal
* How the authoring experience (AX) correlates to visual patterns
* Visual patterns vs. front-end patterns
* The spectrum of fidelity, from sketches to code snippets 

We’ll discuss tools like PatternLab, Fractal, and how we leverage Drupal’s View Modes. We’ll also talk about Drupal’s Paragraphs module, Drupal Shortcodes, and how to make complex, flexible, modular systems that are simple to understand and manage for content authors. Session attendees should have some familiarity with sitebuilding and front-end theming, but the focus will be on ways to improve communication and process to design and build modular sites.

Slides are available here (too large to upload directly): Drupalcon 2017: Pattern Language: Pattern Libraries in the Wild