SMACSS Your Sass Up

Mina Markham (IBM Design)
2:15pm–2:45pm Tuesday, 04/21/2015
HTML5 and CSS3
Location: Salon 9
Average rating: ***..
(3.93, 14 ratings)
Slides:   external link

THIS SESSION HAS REQUIREMENTS AND INSTRUCTIONS LISTED BELOW

Modular CSS is all about learning to think about your CSS in terms of objects, and organizing them as such. I’ll discuss SMACSS conventions and how to utilize Sass to create reusable patterns to streamline the development process. In addition, I’ll share some tips to best optimize Sass for responsive design, with site examples.

While Scalable and Modular Architecture for CSS (SMACSS) is just one methodology, the principals of modular CSS are applicable to sites large and small. Using a modular approach in tandem with Sass can greatly improve development efficiency and project maintenance. I’ll discuss specific techniques, such as selector inheritance and interpolation, that can greatly reduce the amount of code written, resulting in DRYer, more modular CSS.

SESSION REQUIREMENTS AND INSTRUCTIONS FOR ATTENDEES

Attendees should have a basic understanding of CSS and Sass to get the most out of this session.

Photo of Mina Markham

Mina Markham

IBM Design

Mina is a Sass-lovin’ front-end architect in Dallas. She recently founded the Dallas chapter of Girl Develop It, and also teaches for Black Girls Code. Mina has presented at various conferences and events, including Front Porch, Distill and Passion Projects.

Comments on this page are now closed.

Comments

Picture of Mina Markham
Mina Markham
05/02/2015 11:42am PDT

Here are the slides: http://minamarkham.github.io/smacss-sass-up/#/

George Robinson
04/28/2015 5:43am PDT

Hi Mina,

Where are your slides posted at? We are going to implement many of the things in your keynote.

Thank you,
George