Web Unleashed 2018
Web DevUX/UIWork Better
  • 2018-10-01 00:00:00 2018-10-02 00:00:00 America/Toronto Web Unleashed 2018 Toronto FITC
  • Toronto
  • #WEBU18

Presentation

Slides

Overview

The rise in popularity of front-end frameworks such as Bootstrap has changed how we approach front-end development. Instead of building out one page design at a time, the focus has shifted to building components that can be re-used throughout the product design. While these front-end tools are useful, sometimes you need a more customized option. This talk focuses on how to set up your CSS architecture within your own design system to customize for your needs while making it maintainable, scalable and modular.

Objective

Learn how to plan, create and document your CSS architecture for your design system.

Target Audience

Everyone

Four Things Audience Members Will Learn

  1. The benefits and how to overcome the challenges
  2. Get an overview of the planning process such as defining principles, strategies, taking inventory
  3. Learn how to decide on naming conventions and defining a coding style guide to ensure an organized structure
  4. Tips for writing modular and reusable CSS