Enhance your website design, HTML, and CSS skills by learning how to use SMACSS from the man who wrote it

This course begins with an introduction into the basis for SMACSS and its uses. You'll then move into categorization, which includes base styles and layout styles, modules, state styles, and theme styles.

Next, you'll tackle naming conventions. You'll learn about layout names, module names, state names, and theme names, as well as how to use third party libraries. You'll even master prefixing for versioning, how to deal with common CSS issues, and more.

When ready, you'll learn about base elements, how to maintain HTML code, and decoupling CSS from HTML. You'll also briefly learn about the Owl Selector.

The final section of the course focuses on state-based design. You'll learn about state representations, including media query states. You'll also tackle preprocessors, extending classes, prototyping, style guides, documentation generators, and much more.

By the end of this course, you'll know how to use SMACSS to streamline your projects and effectively design large websites with ease.

You'll be able to collaborate with a team of people to build professional websites for big clients, and this will allow you to differentiate yourself from competitors while earning greater profits.

What are the requirements?Web browser

What am I going to get from this course?Over 33 lectures and 6 hours of contentA complete guide to enhancing your HTML and CSS skills with SMACSS