Sassy Legos: Modular Front-End Architecture with Sass

A session at Future of Web Design New York

Monday 2nd November, 2015

9:00am to 5:00pm (EST)

Ah CSS. For all its simplicity, it can be a nightmare to manage in large-scale codebases. Using a modular approach in tandem with Sass can greatly improve development efficiency and project maintenance. This workshop will give front-end developers the techniques you need to make your CSS well-organized, clean and maintainable.

To get the most out of this workshop, you should bring your own project to apply techniques learned. Experience with HTML/CSS and Sass is needed to take full advantage of the workshop’s content. Some familiarity with Node/Grunt is helpful, but not required. A laptop with Sass is required. For automation, Node, NodeSass and Grunt are also needed.

What you'll learn:
* Overview of major CSS architecture methodologies, i.e SMACSS, BEM, OOCSS, Atomic Design
* How to identify and extract modules in your designs
* Structuring Sass files and directories
* Sass techniques, including variables, mixins, extends, loops and functions
* How to refactor large codebases using techniques mentioned
* Automating Sass compilation and minification and more with Grunt

About the speaker

This person is speaking at this event.
Mina Markham

Product Designer & Front-End Architect at @IBMdesign. Speaker. Sasstronaut. Organizer @FrontPorchIO. Founder @gdiDFW. @SyracuseU. INFP. STEMinist. ***Flawless

Sign in to add slides, notes or videos to this session

Tell your friends!


Time 9:00am5:00pm EST

Date Mon 2nd November 2015

Short URL


Official event site


View the schedule


See something wrong?

Report an issue with this session