Skip to main content
Mediacurrent logo
Hero Background Image

Blog Post

DC ATL: Leveling up CSS with SMACSS and BEM

by Zack Hawkins
January 7, 2016

Writing CSS is easy. Writing CSS that can scale and can be easily maintained is not.

At DrupalCamp Atlanta 2015, I presented a session on how to achieve next-level CSS. My presentation focused on techniques and best practices for writing scalable, maintainable CSS. 

Check out this video of my session "Leveling up CSS with SMACSS and BEM" that explores:

  • Using SMACSS and BEM with Drupal

  • Lessons learned (the hard way)

  • Theme architecture

  • Refactoring current or inherited projects to be less awful

Slides ( PDF ): https://goo.gl/QucGJB
Just the links: https://goo.gl/QDTPl1

Additional Resources 
Techniques for Successfully Co-Theming with Others | Blog 
Cleaner and Semantic Markup with Drupal's Views | Blog 
Converting a Drupal 7 Theme from CSS to SASS | Blog 

Headshot

Meet team member, Zack Hawkins

Zack has ten years of experience as a front-end developer. In his role as Director of Front-end Development at Mediacurrent, he specializes in front-end architecture, workflows and growing the front-end team. He's got a personal passion for building blazing fast, scaleable and maintainable web appli

Related Insights