Style Guide Driven Development
Free Tutorials
Bridge the gap between design and development by learning how you can use Style Guide Driven Development in your workflow, from design to implementation.
Free Tutorials
Using Style Guide Driven Development
Learn how you can use Style Guide Driven Development in your development workflow. We will drill down into the different parts of the process, along with examples and compelling arguments to get you and your team on board.
Designing in a Modular Way
Explore the concepts of modular design and their application to user interface design. We will also delve into how you can create designs in a modular way and how you can use a living style guide to aide the process.
Creating a Living Style Guide
In this course, you’ll learn all about planning a living style guide, what you should include as well as pitfalls to avoid. You will learn how to create pages and documen stylesheets using the open source tool: DocumentCSS.
Using Style Guide Driven Development
Style Guide Driven Development is an approach that puts a living style guide at the center of both the design and development process. The goal is to create a design system that establishes a starting point for designs, evolves with the application, and makes development faster.
Top Lessons
Design in a Modular Way
Creating a flexible UI system that is consistent and easy to customize,
while also scalable and cost-efficient, depends not only on how it is
built, but on how it is designed.
Learn how you can design in a modular way and start thinking user interfaces
and user experiences in patterns.