Adobe TV Sat, 25 May 2013 12:01:04 +0000 Sat, 25 May 2013 12:01:04 +0000 http://tv.adobe.com/show/adc-presents-smacss/ This series by designer Jonathan Snook gives an overview of a scalable and modular architecture for CSS (SMACSS). 2013 Adobe Systems Inc. http://thumbnails.tv.adobe.com/2012-09-13/5fe20768-208b-9c5b-bd2e-8d45f3d307f8.jpg http://tv.adobe.com/show/adc-presents-smacss/ 60 adobetv@adobe.com (Adobe TV) 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. Wed, 05 Sep 2012 00:00:00 +0000 http://tv.adobe.com/watch/adc-presents-smacss/smacss-project-organization/ http://tv.adobe.com/watch/adc-presents-smacss/smacss-project-organization/ adobetv@adobe.com (Adobe TV) Follow along as Jonathan Snook describes how to implement state changes on a CSS project without the need for JavaScript by using pseudo-classes. Wed, 05 Sep 2012 00:00:00 +0000 http://tv.adobe.com/watch/adc-presents-smacss/smacss-changing-state-with-pseudoclasses/ http://tv.adobe.com/watch/adc-presents-smacss/smacss-changing-state-with-pseudoclasses/ adobetv@adobe.com (Adobe TV) 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. Wed, 05 Sep 2012 00:00:00 +0000 http://tv.adobe.com/watch/adc-presents-smacss/smacss-changing-state-with-javascript/ http://tv.adobe.com/watch/adc-presents-smacss/smacss-changing-state-with-javascript/ adobetv@adobe.com (Adobe TV) 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. Wed, 05 Sep 2012 00:00:00 +0000 http://tv.adobe.com/watch/adc-presents-smacss/smacss-depth-of-applicability/ http://tv.adobe.com/watch/adc-presents-smacss/smacss-depth-of-applicability/ adobetv@adobe.com (Adobe TV) Jonathan Snook highlights the importance of using a naming convention in all your projects to help clarify the intent of the CSS code. Wed, 05 Sep 2012 00:00:00 +0000 http://tv.adobe.com/watch/adc-presents-smacss/smacss-naming-convention/ http://tv.adobe.com/watch/adc-presents-smacss/smacss-naming-convention/ adobetv@adobe.com (Adobe TV) 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. Wed, 05 Sep 2012 00:00:00 +0000 http://tv.adobe.com/watch/adc-presents-smacss/smacss-categorizing-css/ http://tv.adobe.com/watch/adc-presents-smacss/smacss-categorizing-css/ adobetv@adobe.com (Adobe TV) Designer Jonathan Snook of Shopify provides an overview of the topics in this series about a scalable and modular architecture for CSS (SMACSS). Wed, 05 Sep 2012 00:00:00 +0000 http://tv.adobe.com/watch/adc-presents-smacss/smacss-introduction-to-a-scalable-and-modular-architecture-for-css/ http://tv.adobe.com/watch/adc-presents-smacss/smacss-introduction-to-a-scalable-and-modular-architecture-for-css/