Chasing The Dream of Style Guide Driven Development in Drupal 8

Jun 26, 2016

Brian Perry (Brian Perry)

Style guide driven development and the intelligent re-use of design components can prevent quite a bit of heartache as the look and feel of your site evolves. Your style guide can protect you from unexpected regressions throughout your theme and let you break the cycle of wasting time and effort styling redundant variations of page templates and content.

This session will focus on the tools and methods available to create a living style guide for your Drupal site.

- How changes to the theme system in Drupal 8 lend themselves to style guide driven development.
- Approaches to creating a living style guide in Drupal 8.
- Using automation and visual regression testing techniques to let our living style guide alert us to unintentional regressions in our theme.
Learning Objectives & Outcomes:

- General style guide driven development concepts as they relate to Drupal 8.
- An overview of style guide generators with a deeper look at KSS.
- An overview of visual regression testing tools with a deeper look at PhantomCSS.
- A look ahead to the Component Based Rendering Initiative.…

Hi! I'm Karim Boudjema, the developer and site-builder of this site. I'm currently working as a freelance Drupal developer.

I was wondering how could I giving back to the Drupal community all what it gave to me during the last 10 years, that's how the idea of this site came to me ... (read more)

Hi! I’m Santiago Rico, the web designer and themer of this site.

When Karim proposed me to design and theme this site for the Drupal community, I accepted immediately because the community is the main reason why I love Drupal so much.