Monday 2nd November, 2015
9:00am to 5:00pm
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
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