Sign in

The SMACSS Workshop

Jonathan speaks.

The SMACSS Workshop is a full day of instruction and exercises on writing HTML and CSS using a flexible and modular approach that will improve team efficiency and minimize problems with growing projects. It takes the e-book and brings it to life with practical examples and in-depth discussion.

Is this workshop for you?

Have you ever added !important or added an extra selector just to get something to style properly? Have you found yourself adding more properties to override properties you already set elsewhere in your CSS? Does inspecting an element in Firebug or Web Inspector reveal a long stream of styles being applied, overridden, and reapplied? Then this workshop is for you.

Do you work on larger projects? Do you work with larger teams? Then this workshop is for you.

You need not have played with the latest and greatest CSS3 and know what a vendor prefix is. You will need to know a selector from a property and have a general understanding of CSS-based layouts.

This workshop will shift how you think about writing CSS that will simplify your code, make your project easier to manage, and allow it to grow without creating an increasingly brittle system of dependencies. Your code will also be more portable, making it easier to use code on other projects.

Get the Online Workshop

The online workshop is 6 hours of video that you can follow along with at your own pace and in your own time. Access to the videos never expire! The workshop takes the concepts from the book and steps through examples explaining the reasons behind the methodology. And it comes with a copy of the ebook, too!

Full workshop for only $219!

Buy now

Attend a Workshop in Person

Spend a full day with me as we learn about scaling CSS for large projects and large teams. We'll talk about OOCSS, BEM and other strategies that will take your CSS to the next level.

Beyond Tellerrand in Berlin, Germany

November 6, 2017

The SMACSS Workshop returns to Germany for its first time at Beyond Tellerrand.

Join me

What is in the workshop

The SMACSS Workshop is SIX HOURS of presentation, discussion, and exercises on creating scalable and modular web sites and web applications.


In the first segment, we look at what it means to categorize our CSS and why it is valuable to separate the CSS we write into categories.

Naming Convention

Base Styles

Depth of Applicability

State-based Design


Prototyping and Pattern Libraries

Converting a Project

Full workshop for only $219

Buy now

Looking for a workshop in your area or would like me to speak at your event?

Dismayed that I'm not coming to your town? We can discuss partnering or sponsorship to put an event on in your area. Half-day workshops and conference sessions are also available. Interested in having me speak at your event? Send an email to and we can discuss opportunities.

Request a workshop