Workshops Get Smacked! 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. 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!

Get the Online Workshop now

Or attend in person

The SMACSS Workshop has been presented to sold out rooms around the world.

May 20 in St. Petersburg, Florida

The SMACSS Workshop will help kick off the FrontEnd Design Conference in May. Come join me as we work through how to build a modular site and learn of the benefits that come from using this approach.

Sold out!

June 10 in Nashville, Tennessee

The SMACSS Workshop will be at BDConf in June. Come join me as we work through how to build a modular site and learn of the benefits that come from using this approach.

Register now

Subscribe to the newsletter to stay up to date on when the next workshop might be coming to your city. If you are interested in having a SMACSS workshop at your office or conference, please get in touch.

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

Get the Online Workshop

Still unsure?

Here is the first 5 minutes of the Online Workshop to give you a sense of video and audio quality. In-person workshops include exercises that look at applying the concepts to a real world project and give you the opportunity to ask questions along the way.

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

What others say about the workshop