こんばんは![お月様](https://stat.ameba.jp/blog/ucs/img/char/char2/171.gif)
CAPの新公式サイトがオープンしました![!!](https://stat.ameba.jp/blog/ucs/img/char/char2/176.gif)
こちらです↓
http://caphokudai.web.fc2.com/
見所は、たくさんあるのですが、
レスポンシブWebデザインを全面的に採用!
パソコン、タブレット、スマホと見る機種によってレイアウトが変化します。パソコンで画面サイズを変えていくと、その変化がわかると思います。
軽量スライドショーを実装!
北大キャンパスを切り取ったフォトをスライドショーで表示してみました。このスライドショーは、jQueryのプラグインを使ったのですが、軽量かつレスポンシブ対応という優れものです。ナビの実装はCSS3を用いて、画像を使わずに行いました。そのため、かなり古いブラウザだと若干デザインが異なるかと思います。
その他の見所は、こちらを参照!
これから、新公式サイトを通して様々な活動を展開していきたいと考えております。
どうぞよろしくお願い致します。
![お月様](https://stat.ameba.jp/blog/ucs/img/char/char2/171.gif)
CAPの新公式サイトがオープンしました
![!!](https://stat.ameba.jp/blog/ucs/img/char/char2/176.gif)
こちらです↓
http://caphokudai.web.fc2.com/
見所は、たくさんあるのですが、
![1](https://stat.ameba.jp/blog/ucs/img/char/char2/269.gif)
パソコン、タブレット、スマホと見る機種によってレイアウトが変化します。パソコンで画面サイズを変えていくと、その変化がわかると思います。
![2](https://stat.ameba.jp/blog/ucs/img/char/char2/270.gif)
北大キャンパスを切り取ったフォトをスライドショーで表示してみました。このスライドショーは、jQueryのプラグインを使ったのですが、軽量かつレスポンシブ対応という優れものです。ナビの実装はCSS3を用いて、画像を使わずに行いました。そのため、かなり古いブラウザだと若干デザインが異なるかと思います。
![3](https://stat.ameba.jp/blog/ucs/img/char/char2/271.gif)
これから、新公式サイトを通して様々な活動を展開していきたいと考えております。
どうぞよろしくお願い致します。