My Library Please Sign In My Library is the place to save your favorite episodes to refer to later. Please sign in to take advantage of this feature.

SMACSS: Naming Convention

Show:

ADC Presents: Scalable and Modular Architecture for CSS

Views: 702

Save

Translations

Was this episode helpful?

About This Episode

Jonathan Snook highlights the importance of using a naming convention in all your projects to help clarify the intent of the CSS code.

Show More Details

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,328	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: 696	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: 502	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: 505	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: 702	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: 866	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,840	00:02:11

Suggested Episodes

Next episode in this show

SMACSS: Categorizing CSS

SMACSS: Categorizing CSS

ADC Presents: Scalable and Modular Architecture for CSS

Other Suggested Episodes

How to edit a Twitter profile picture in Photoshop

Professional Development for Educators

Products Covered:

Opening an image in Photoshop

Opening an image in Photoshop

Professional Development for Educators

Products Covered:

Adding call-out text annotations to an image

Adding call-out text annotations to an image

Professional Development for Educators

Products Covered:

Sneak Peek : Perspective Warp in Photoshop

Sneak Peek : Perspective Warp in Photoshop

Adobe Technology Sneaks 2013

Products Covered:

Sneak Peek: Playing with Lighting in Photoshop and After Effects

Sneak Peek: Playing with Lighting in Photoshop and After Effects

Adobe Technology Sneaks 2013

Products Covered:

Related Shows

ADC Presents: Web Standards

ADC Presents: Web Standards

Join Developer Evangelist Kevin Hoyt for this thorough series on web standards, covering the various HTML5 browser specifications and emerging APIs.

Recent Episodes

Web Standards: CSS Animations

Web Standards: CSS Transitions

Web Standards: CSS Transforms

View All Episodes

ADC Presents

The Adobe Developer Connection (ADC) is your source for technical articles and how-to videos that cover Adobe developer products and technologies.

Recent Episodes

An Early View into the Next Genera...

First Look: Next Generation Flash...

Design the Web with Edge Animate

View All Episodes

Explore

Help

Adobe TV is brought to you in collaboration with:

Copyright © 2013 Adobe Systems Incorporated. All rights reserved.
Use of this website signifies your agreement to the Terms of Use and Privacy Policy and Cookies