style

Adri De La Cuadra

Tutorial Part 3: Documenting a Stylesheet in a Living Style Guide

posted in Design, tutorial, style on August 10, 2017 by Adri De La Cuadra

The heart of creating a LSG is the ability to put your documentation right where it belongs: in the source code. Chances are that you are already documenting your code, which is a great opportunity to take it to the next level by using a style guide generator that can turn those comments into an organized site, letting others (and yourself from the future) know why and what has been done in the code.
Adri De La Cuadra

Tutorial Part 2: Creating Pages in a Living Style Guide

posted in Design, tutorial, style on August 10, 2017 by Adri De La Cuadra

While the bulk of your LSG documentation will come from special comments that you add to the source code, you can also create standalone pages where you can host other types of content that are not specific to the code (think of design principles, accessibility guidelines, or pull request guidelines). This gives you the advantage of centralizing your documentation in one place: your application living style guide.
Adri De La Cuadra

Tutorial Part 1: Planning Your Living Style Guide

posted in Design, tutorial, style on August 10, 2017 by Adri De La Cuadra

Using a living style guide (LSG) to drive development is a practice that is gaining a lot of popularity because its many advantages, including code efficiency and UI consistency. But, how can you create one? What should you include? And where do you even start? In this 3 part tutorial I will delve into the nitty-gritty details of creating a living style using DocumentCSS.