Creating a Living Style Guide with Sass and Vanilla JavaScript
Offered By: Pluralsight
Course Description
Overview
This course will teach you how to create a custom living style guide with global helpers and reusable components that you can recycle across different projects. Start learning today!
Long-term software projects tend to suffer from multiple issues, including inconsistent branding, code bloat, and poor documentation. In this course, Creating a Living Style Guide with Sass and Vanilla JavaScript, you will gain the ability to architect a style guide that tackles these issues at a core level and bridges the gap between design and development. First, you will learn how to identify the building blocks of a design system. Next, you will discover how to translate these building blocks into modular styles and reusable components. Finally, you will explore how to add stateful styles for user interaction, as well as accessibility for users with different needs. When you are finished with this course, you will have the skills and knowledge of style guide driven development needed to build a lightweight, custom style guide.
Long-term software projects tend to suffer from multiple issues, including inconsistent branding, code bloat, and poor documentation. In this course, Creating a Living Style Guide with Sass and Vanilla JavaScript, you will gain the ability to architect a style guide that tackles these issues at a core level and bridges the gap between design and development. First, you will learn how to identify the building blocks of a design system. Next, you will discover how to translate these building blocks into modular styles and reusable components. Finally, you will explore how to add stateful styles for user interaction, as well as accessibility for users with different needs. When you are finished with this course, you will have the skills and knowledge of style guide driven development needed to build a lightweight, custom style guide.
Taught by
Karen Menezes
Related Courses
Practical UX Weekly: Season TwoLinkedIn Learning User Experience (UX) for Non-Designers
LinkedIn Learning UX Foundations: Style Guides and Design Systems
LinkedIn Learning UXPin for UX Design
LinkedIn Learning Advance Your UI/UX Skills with Sketch Symbols and Dynamic Styleguides
Skillshare