2013年10月18日(金)
2013年9月19日(木)、アップルストア銀座で開催したCSS Nite in Ginza, Vol.71「次世代のWebデザインへの2つのヒント」のフォローアップとして、大月 茂樹さんの『Style Guide活用のススメ』セッションのスライド、音声を公開します。
みなさん、CSS Nite in Ginza, Vol.71へご参加いただき、ありがとうございました。2つめのセッションを担当した、ニイハチヨンサンの大月です。
さて、今回はStyle Guideについてお話しました。
実際にページの制作をどんどん進める前にサイト全体で必要となる要素を洗い出し、要素の装飾なども含めてHTMLプロトタイピングでそれらをまず試作する。そうすることで、できるだけ早期にトラブルの種を発見し、その対応策、代替案を検討できるようになります。
そして、その成果物としてStyle Guideを作成する。Style Guideに掲載したコードは、ターゲットとするデバイスやブラウザでの表示や動作が担保されたものなので、個々がいちいち検証などする必要なく、どんどん実装を進めていくことができます。
一見、手間が増えるだけ、無駄なコト・モノのように思われるかもしれませんが、規模が大きなサイトであるほど、凝ったサイトになるほどその意味・価値が出てくるハズです。
今回をキッカケに、HTMLプロトタイピングやStyle Guideへぜひ取り組んでみてください。
以下、参考情報です。Cyber Agentの斉藤さん、谷さんが書かれたものです。ぜひ、読んでみてください。
また、いつかどこかでみなさんとお会いできることを楽しみにしています。
大月さん、鍋坂さんの執筆された書籍『マルチデバイス時代のWebデザインガイドブック』が11月にソシムから発売になります。
マルチデバイス対応のサイトに必要な知識やUIパターン、HTMLプロタイピング(デザイン・イン・ブラウザー)、レスポンシブWebデザインなどについてコンパクトに解説されています。ぜひ、ご一読ください。
2019年、CSS Niteでは49回の関連イベントを通して123セッションが行われました。その中からベスト・セッション+αを選びました。