Foundation5の使い方

今さらFoundationを使い始めた
残念なwebデザイナーによる使い方の説明サイト。
初心者なので優しい目で見守ってください。

まずはFoundationについてを見る

Bootstrapについで人気があるCSSフレームワークのFoundation5の使い方の説明サイト。
先に作成した姉妹サイトのBootstrap3の使い方と比較する形で紹介しています。
2015年11月19日付でバージョン6が公開されています。仕様が新しいバージョンとは異なる箇所もあるかと思いますのでご注意下さい。
※Foundationのバージョンは作成時の最新版5.5.1版での説明になります。
※姉妹サイトのBootstrap3の使い方に合わせてカテゴリ分けしているので公式サイトとは違うカテゴリ分けをしています。

基本

Foundationとは何か?使用するための準備、基本のグリッドシステムなどの説明。
Foundationを使用してサイトを作るための基本の紹介。

CSS

Foundationで用意されているCSSの説明。
タイルを適用するだけでデザインに適用されます。

コンポーネント

Foundationで用意されている構成要素の説明。
ナビゲーション、パンくずリストなど色々用意されています。
javascriptと一緒に使われるものが多い点は注意してください。

Javascript

Foundationで用意されているJavascriptの説明。
スライドショーやモーダルウィンドウなど便利なものが用意されています

© 2015 foudation5-guide.com