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 

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

Zack graduated from the University of South Carolina with a BA in Studio Art and a focus in graphic design. He was introduced to web design shortly afterward and snagged his first web-related job at the Athens Banner-Herald newspaper in Georgia. The Banner-Herald provided him with an encouraging environment, which allowed him to explore and grow as a web designer. When the organization moved to a Drupal 6 based site, Zack was given the opportunity to dive into Drupal. Zack first joined Mediacurrent as a Front-End Developer. One of Zack’s notable accomplishments at Mediacurrent has been theming for UGA Georgia Center. The project navigated a complex theme comprised of four themes, while building in a maintainable, scalable way. He's also the creator and maintainer of the Mediacurrent theme generator.

Zack lives in Athens, GA with his wife, son and daughter. He has a hidden talent thinking up great start-up names. Fweep. There you go, that one's for free. "You know, just Fweep it!"

Learn more about Zack >

Related Insights