CSSフレームワークとして、個人的にTwitter Bootstrapより断然注目しているZurb製のFoundation 4のまとめです。Bootstrapはウェブアプリ、ウェブサービス向けという感じがしますが、Foundationはウェブサイトに適していると思います。 今回はとりあえず使いはじめるためのガイドとして作成したもので、全ての機能を網羅したものではありません。詳細は公式ドキュメントを確認してください。また、Foundation 4にどんな要素があるのか、実際の表示で確認するには Kitchen Sink ページに全サンプルがあります。 今回記事にしてみて思ったのは、既存サイトであっても、これからFoundation 4を導入することができるように考えられているなということです。SCSSを使うことが前提になりますが。この記事でいくつかは紹介していますが、Mix-inが用意されて
![Zurb Foundation 4 チートシート](https://cdn-ak-scissors.b.st-hatena.com/image/square/e2d08927eabf8702b9e5d0fc70329f2f7364ec92/height=288;version=1;width=512/https%3A%2F%2Fnotnil-creative.com%2Fapplication%2Ffiles%2F2314%2F4907%2F3602%2Fwpupload_2013_05_foundation4.jpg)