yoppa.org


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

Webフレームワークを使う – Twitter Boostrap

前回解説して「CSSレイアウト」の方法を組合せて、サイト全体の複雑なレイアウトをしていくことは、技術的には可能です。しかし実際に制作してみると、細かな調整や思わぬブラウザの挙動に苦労することも多いのが現状です。「CSSフレームワーク」を使用することで、ブラウザごとの表示の違いをリセットしたり、レイアウトのための基本的な仕組みを利用して簡単にページ全体のレイアウトをすることが可能となります。現在、様々なCSSフレームワークがフリーで公開され利用できるようになっています。今回は、CSSフレームワークの中でも人気の高い「Twitter Bootstrap」を使用して、サイト全体をデザインする基本を学びます。

スライド資料

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