SMACSS
Join us for an Awesome Workshop on:

SMACSS

November 14, 2014 - 9:30am to 5:30pm Central US Time

This workshop has already been published as a course!

SMACSS

Some Key Takeaways!

By coding along with us in the Workshop, you'll:

  • Discover how traditional web development practices have lead to projects that are harder to maintain
  • Discover how and why to categorize the CSS we write
  • Discover how to identify what to modularize within a design
  • Discover how to use preprocessors when modularizing CSS
  • Discover what tools can help us improve our CSS workflow

Your (Awesome) Instructor

Jonathan Snook

Jonathan Snook

Jonathan writes about tips, tricks, and bookmarks on his blog at Snook.ca. He has also written for A List Apart, 24ways, and .net magazine, and has co-authored two books, The Art and Science of CSS and Accelerated DOM Scripting. He has also authored and received world-wide acclaim for the self-published book, Scalable and Modular Architecture for CSS, sharing his experience and best practices on CSS architecture.

Spend a Full Day Immersed With A Leading CSS Architecture Master

Workshop Details

Have you ever added !important 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 the browser reveal a long stream of styles being applied, overridden, and reapplied? Does your CSS file go on for days and everybody on the team just tacks things onto the bottom? Do you use a preprocessor but still end up with a sprawling system spitting out convoluted CSS? Join CSS architecture expert Jonathan Snook as he shares his experience building large sites with large teams and gives you the skills you need to make your CSS more maintainable.

Daily Schedule

We'll start off with an overview of SMACSS including categorization and naming convention—things that might seem simple at first but can actually be quite difficult. Next, we'll go deeper with a number of concepts and examples that help demonstrate the usefulness of SMACSS such as when to create class rules instead of element rules, how to limit depth of applicability, and how to manage visual states.

  • 8:30AM
    Tech Check and Hello
  • 9:00AM
    Intro to SMACSS, Categorization, and Naming Convention
  • 10:15AM
    Exercise
  • 10:45AM
    Base, Depth of Applicability, States
  • 12:00PM
    Lunch
  • 1:00PM
    Exercise
  • 1:30PM
    Project Structure
  • 2:00PM
    Preprocessors
  • 2:30PM
    Prototyping
  • 3:30PM
    Exercise
  • 4:00PM
    Further Reading and Wrap-up
Expand...

Interact with the Instructor - Online & In-Person

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?

Summary

This workshop is for web developers and designers who are starting to or have been working on increasingly larger projects or with growing teams.

Any Prerequisites?

  • You should understand basic to intermediate HTML and CSS for this workshop
  • You will need to know a selector from a property and have a general understanding of CSS-based layouts
  • You don't need to have played with the latest and greatest CSS3

Event Details

What

One Full Day Workshop Session

Replay Videos (available immediately)

When

November 14, 2014 - 9:30am to 5:30pm Central US Time

Where

Option 1: Attend online on our full HD live stream

Option 2: Attend in-person at HQ in Minneapolis, MN