Skip to main content

Blog Post

DC ATL: Leveling up CSS with SMACSS and BEM

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 

Zack Hawkins

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...

Learn more about Zack >
Access icon Up arrow icon Drupal 8 icon Facebook icon - white Facebook icon - blue outline Facebook icon - yellow Hollow right arrow icon Hollow right arrow icon - white LinkedIn icon - white LinkedIn icon - hollow LinkedIn icon - blue outline LinkedIn icon - yellow Mediacurrent wordmark Quote icon Twitter icon - white Twitter icon - hollow Twitter icon - blue outline Twitter icon - yellow Youtube icon - white Youtube icon - yellow