『StyleDoccoによるCSSスタイルガイドの導入』

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、アメーバ事業本部 teens事業部の谷です。業務ではフロントエンドデベロッパーとして、主にHTML/CSSの設計・実装をおこなっています。 今回は、以前斉藤が書いた「モバイル時代におけるCSSの設計と実装」という記事で触れられていたコンポーネントリストもといスタイルガイドについてのお話です。 スタイルガイドの事例と、スタイルガイドを生成するツール StyleDocco の紹介をします。スタイルガイドとは先の記事より引用すると、ページ上の部品（コンポーネント、モジュール）を集めたリスト、ページのことです。どれがコンポーネントで、どれがモジ

[d_animal141]

StyleDoccoによるCSSスタイルガイドの導入｜1 pixel｜

[tecateca_socks]

[コーディング[web制作]]

[kkeisuke]

コメントに先頭に半角スペースを空けることで、ドキュメントには反映されない。擬似クラスはプレビューのHTMLのclassに、:hover、:active というのをつければ反映。

[ofsilvers]

いいなー

[oki448jp]

StyleDoccoによるCSSスタイルガイドの導入

[warriorking]

StyleDoccoによるCSSスタイルガイドの導入｜1 pixel｜サイバーエージェント公式クリエイターズブログ

[Layzie]

ktkr

[goroyung]

良記事！

[JHashimoto]

"StyleDoccoはCSS内に書かれたコメントをパースし、その内容をスタイルガイドページとしてHTMLにしてくれます。"

[zazietokyo]

1pixelの1 pixel｜サイバーエージェント公式クリエイターズブログの記事、StyleDoccoによるCSSスタイルガイドの導入です。

[astronaughts]

ふむふむ（・谷・

[kojika17]

なんてタイムリー｜StyleDoccoによるCSSスタイルガイドの導入｜1 pixel｜サイバーエージェント公式クリエイターズブログ