スタイルガイド

読み :  スタイルガイド

WEBデザイン・WEBサイト構築におけるスタイルガイドとは、そのWEBサイトで使用しているCSS(スタイルシート)やコーディングの規約、デザインの実装方法などをまとめてドキュメント化したものを意味する。
他のWEBデザイナーやコーダーと共同作業する場合、スタイルガイドを作っておけばデザインやコーディングに一貫性を持たせることができる。
クラス、カラー、フォント、ボタン、フォーム、プログレスバーなどスタイルをスタイルガイドとしてまとめておくと、他の人と共同作業しやすく、自分でどんな実装をしたのか見返す時にも役立つ。

テキストにまとめておくより、例えばSTYLE GUIDE BOILERPLATEなど無料で使えるテンプレートを使うと、見やすいスタイルガイドが作れる。
他にもnode.jsで実装されたstyleDoccoという見栄えのよいスタイルガイドが作成できるスタイルガイドジェネレーターなどがある。

STYLE GUIDE BOILERPLATE
STYLE GUIDE BOILERPLATE