Styleguide + Prototype: Move Fast and Embrace Drupal

A static prototype, along with a styleguide, puts your ideas into the hands of your clients, users, and developers sooner, providing more time for iteration—ultimately resulting in a better product.

This session will focus on Kalamuna’s approach to prototyping and in-browser component driven design practices, and the benefits and experience thereof. You will learn how Kalastatic connects the bridge between prototype and impementation through its orchestration across various components:

• Prototype
  A carefully honed static site generator powered by Node.js, featuring Metalsmith, SASS, TWIG, and any other templating engine you could think of.
• Styleguide
  Building a living styleguide out of KSS makes your components come to life.
• Atomic Design Principles
  Applying patterns and standards for creating design systems around your web components.
• BEM and Coding Standards
  Sanitize your code with conventions for state variations.
• Build Tools
  Grunt, Bower, npm, Live-Reloading, and other conveniences to keep development flowing.

The Bridge to Drupal

Bringing all of this to Drupal gives your site a lot of power. From prototype and styleguide, to an actual implementation, you're left with living web components that rapidly change and grow, and have the Drupal-side reflect those changes. Front-End web development doesn't stop with the theme - it's only the beginning.