yoppa.org


immediate bitwave

芸大 – 芸術情報演習デザイン(Web) 2014

CSSフレームワークを使う 2 – Twitter Bootstrapのカスタマイズ

今回も前回に引き続き、Twitter Bootstrapを使用したWebデザインについて解説していきます。前回の授業で解説したようにTwitter Bootstrapを使用するととても簡単に本格的なWebページを作成することが可能となります。しかし、Bootstrapである程度ページが作成できるようになってくると、自分の好みにあわせて独自にカスタマイズしてみたくなって来るのではないでしょうか。Twitter BootstrapのCSSは直接編集するには高度な知識が必要とされます。しかし、現在では様々な開発者によって作成された、カスタマイズのための多くのWebサービスがあり、これらを活用すると簡単に独自のBootstrapのテーマが作成可能です。今回はこうしたWebサービスを使用したBootstrapのカスタマイズについて解説していきます。

サンプルファイルのダウンロード

今日の授業内で解説したサンプルは、以下からダウンロードが可能です。

スライド

スライド資料は下記から閲覧してください。