Installing the Sample Application to Create a Living Style Guide
This video lesson is part of the tutorial "Creating a Living Style Guide". You can view the written tutorial at http://bit.ly/2iWLYmn
------
About the Tutorial
The living style guide serves as a framework of definitions for UI elements (such as headings, lists, links, input controls, etc.) and as a library of components (such as navigation systems, toolbars, search tools, grid tables, etc.) that are available for use. This means that development is not started from scratch every time. Instead, it builds upon existing definitions in the UI system and contributes to it.
In this course, you’ll learn all about planning your style guide, creating pages and documenting stylesheets using the open source tool: DocumentCSS. See more at http://www.styleguidedrivendevelopment.com
Видео Installing the Sample Application to Create a Living Style Guide канала Bitovi UX & Design
------
About the Tutorial
The living style guide serves as a framework of definitions for UI elements (such as headings, lists, links, input controls, etc.) and as a library of components (such as navigation systems, toolbars, search tools, grid tables, etc.) that are available for use. This means that development is not started from scratch every time. Instead, it builds upon existing definitions in the UI system and contributes to it.
In this course, you’ll learn all about planning your style guide, creating pages and documenting stylesheets using the open source tool: DocumentCSS. See more at http://www.styleguidedrivendevelopment.com
Видео Installing the Sample Application to Create a Living Style Guide канала Bitovi UX & Design
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Centralizing Documentation by Using a Living Style Guide](https://i.ytimg.com/vi/6959Cpvnc7A/default.jpg)
![Living Style Guides vs Traditional Style Guides](https://i.ytimg.com/vi/_lOJJaeBVLg/default.jpg)
![The Beauty of Living Style Guides](https://i.ytimg.com/vi/QP1A5pbySlI/default.jpg)
![Why Use Style Guide Driven Development?](https://i.ytimg.com/vi/GVhxvJR4V7Y/default.jpg)
![Creating a Page in a Living Style Guide](https://i.ytimg.com/vi/sdAx4MxSz44/default.jpg)
![Style Guide Driven Development: The Integration Phase](https://i.ytimg.com/vi/sTYUqqzo5Us/default.jpg)
![Common Pitfalls of Using a Living Style Guide](https://i.ytimg.com/vi/uLQ-NFxlhXI/default.jpg)
![Advantages of Using a Living Style Guide](https://i.ytimg.com/vi/Ad5-n-9Sdlo/default.jpg)
![Adding Documentation in a Stylesheet in a Living Style Guide](https://i.ytimg.com/vi/XgPEn8OVG3o/default.jpg)
![Using a Living Style Guide to Create a Common Language](https://i.ytimg.com/vi/5nA_pu6EVa8/default.jpg)
![Making Your Designs Modular](https://i.ytimg.com/vi/47h_fYP6mcU/default.jpg)
![Using Atomic Design](https://i.ytimg.com/vi/8EuZD6Hsbxk/default.jpg)
![What is Style Guide Driven Development?](https://i.ytimg.com/vi/HOwa65K0qkg/default.jpg)
![Creating Sections in a Living Style Guide](https://i.ytimg.com/vi/eXue1E4TGlU/default.jpg)
![Style Guide Driven Development: The Abstraction Phase](https://i.ytimg.com/vi/KO4NEArNMr8/default.jpg)
![Style Guide Driven Development: The Implementation & Documentation Phase](https://i.ytimg.com/vi/kZnF3Z9h74Y/default.jpg)
![Style Guide Driven Development: The Discovery Phase](https://i.ytimg.com/vi/sxSX26zATQY/default.jpg)
![Modular vs Homogenous Design](https://i.ytimg.com/vi/N_5YtTQduhg/default.jpg)
![Examples of Modular User Interface Design](https://i.ytimg.com/vi/agPAklO7slY/default.jpg)
![Introduction to Modular Design](https://i.ytimg.com/vi/20JP8w6_nVA/default.jpg)