SMACSS: Categorizing CSS

Show:

ADC Presents: Scalable and Modular Architecture for CSS

Save

Translations

Was this episode helpful?

About This Episode

Jonathan Snook discusses why you should categorize the various functions of the CSS code within your project (base, layout, module, state, and theme) as well as how each element works within the design.

Show More Details

More Episodes

Comments

Episode Title	Runtime	CC	Products Covered	My Library
SMACSS: Project Organization SMACSS: Project Organization To show the benefits of modularizing a large project to make it easier to test, prototype, or share among multiple designers, Jonathan Snook looks at managing smaller, more discrete pieces of a project and bundling them together for a more efficient build process. Runtime: 00:04:13 Added: September 05, 2012 Views: 2,340	00:04:13
SMACSS: Changing State with Pseudo-classes SMACSS: Changing State with Pseudo-classes Follow along as Jonathan Snook describes how to implement state changes on a CSS project without the need for JavaScript by using pseudo-classes. Runtime: 00:05:28 Added: September 05, 2012 Views: 701	00:05:28
SMACSS: Changing State with JavaScript SMACSS: Changing State with JavaScript Jonathan Snook examines how to improve your own productivity by using JavaScript to describe the state that a module exists in within your project, and using CSS to manage that state. Runtime: 00:03:40 Added: September 05, 2012 Views: 507	00:03:40
SMACSS: Depth of Applicability SMACSS: Depth of Applicability Jonathan Snook covers the concept of "depth of applicability," explaining the benefit of limiting the impact that the CSS has on the HTML in a project, and demonstrating how multiple selectors within the code can result in the HTML being too challenging to change or port. Runtime: 00:05:49 Added: September 05, 2012 Views: 509	00:05:49
SMACSS: Naming Convention SMACSS: Naming Convention Jonathan Snook highlights the importance of using a naming convention in all your projects to help clarify the intent of the CSS code. Runtime: 00:06:33 Added: September 05, 2012 Views: 712	00:06:33
SMACSS: Categorizing CSS SMACSS: Categorizing CSS Jonathan Snook discusses why you should categorize the various functions of the CSS code within your project (base, layout, module, state, and theme) as well as how each element works within the design. Runtime: 00:03:17 Added: September 05, 2012 Views: 875	00:03:17
SMACSS: Introduction to a Scalable and Modular Arc... SMACSS: Introduction to a Scalable and Modular Architecture for CSS Designer Jonathan Snook of Shopify provides an overview of the topics in this series about a scalable and modular architecture for CSS (SMACSS). Runtime: 00:02:11 Added: September 05, 2012 Views: 3,889	00:02:11