yoppa.org


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

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

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

スライド資料

授業のスライドは、下記から参照してください。

サンプルファイル

本日のサンプルファイルは、下記からダウンロードしてください。