Using Pattern Lab and NPM to Build Themes

Join the San Francisco, Bay Area Drupal community the second Thursday of the month.

General Agenda:
* 5:30 -6:00 pm: networking and socializing (Food sponsor TBA)
* 6:00 - 7:00 pm: Using Pattern Lab and NPM to Build Themes
* 7:00 - 7:30 pm: wrap up, more hanging out and chatting up Drupal

Where: Mission Center Building, UCSF Room MCB 6A
1855 Folsom St., San Francisco, CA, 94103, USA
The building entrance is on a parking lot which is entered from 15th Street or Harrison

Using Pattern Lab and NPM to Build Themes

Pattern Lab (https://patternlab.io) provides a design framework for building websites/applications using atomic design principles. NPM (https://www.npmjs.com) provides a wealth of software for automating build processes.

Using these tools together, it's possible to:

• build a static website using code that can be used in Drupal, that also functions as a style guide

• automatically build and optimize CSS, JS, and other files

• keep presentation code (HTML and CSS) separate from logic (PHP), which results in more reusable code and allows people with different skill sets to work together more effectively

In addition, Twig not only can be used for multiple PHP applications (Wordpress, Drupal, Symphony, etc.), but is based on a template engine (Jinja/Django) used for Python applications, and much of its code can be used either verbatim or with a little tweaking for a wide range of PHP and Python projects. Likewise, NPM is used for a vast number of websites/applications.

• You will benefit from this talk if you:

• are interested in seeing atomic design principles in action

• want to automate your Drupal build process (CSS, JS, etc.)
• are interested in separation of concerns (i.e., logic versus presentation) useful for designer/developer teams/roles
• build Drupal themes from scratch or from barebones starter themes

ABOUT THE SPEAKER

Steve Musial is a freelance web developer who builds websites using WordPress, Drupal, and other languages/frameworks. Prior to his freelance career he worked for many years in-house at a publishing company managing their websites.

Join us on slack: http://sfdrupal.herokuapp.com

SFDUG seeks to provide a friendly, safe environment. All participants should be able to engage in productive dialogue. They should share and learn with each other in an atmosphere of mutual respect. We require all participants to adhere to the Drupal Code of Conduct. This applies to all community interaction and events.