HTML5/CSS実践 明日から使えるテクニック

HTML5/CSS実践 明日から使えるテクニック

2015年2月21日最終更新(全3回)

コース概要

CSSを「綺麗に書く」手法とは?

CSSは簡単に書く事ができる言語として認識されていますが、その簡単さゆえに、書く事はできても実は「綺麗に書く」ことが難しい言語でもあります。
綺麗に書く事ができないと、複数人のチームでCSSを記述することや、長期に渡ってWebページを運用することが難しくなってきます。


そこで今回は、ここ数年注目されている「CSSを設計する手法」を丁寧に解説していきたいと思います。
授業ではCSS設計とは何か、といった初歩から始め、CSS設計で有名な「SMACSS」「OOCSS」「BEM」の内容や、スタイルガイド、Sassを取り入れた手法、またそれらを実務導入する際の実践的な話までを解説します。

※この授業は、HTMLの基礎・CSSの基礎を学んだ方を前提に進行します。

※授業中に使うサンプルデータ(参考)

https://github.com/seito2014/css_architecture_sample

こんな人にオススメ

CSSは書けるけど設計は「何それ?」な方・実務での導入でつまづいている人