このサイトについて
このサイトは2016年から2017年にかけて、部員により一から作成されました。
基本的にHTML5とCSS3のみで作成し多くのサイトで使われるjQueryを使用せず、ギャラリー・画像スライダーはJavaScriptで作成しています。またアニメーションなどもJavaScriptを使用するのではなく、CSS3を使うことでできる限り軽量化しました。
また、CSSを一つのファイルにすることにより一回のキャッシュで全てのページをシームレスに閲覧できるようにしました。余計な外部ファイルの読み込みを減らし、プラグインなどの外部ファイルは全てCDNから読み込むことで高速化しました。
※ギャラリーと画像スライダーはJavaScriptプラグインを使用しているため自作はしていません。
デザインについて
冷静でありながら信頼感のある知性的なブルーをベースに、ページ全体を親しみある丸ゴシックを用いて作成しました。
多くのサイトで採用されている2コラム構成にし、ロゴ部分では、2016年度の記念祭で使用したパーカーのデザインを保ちつつ、Googleのロゴでも使われている幾何学的な Futura を使うことで科学的な美しさを表現してみました。
使用プラグイン
Flickity - David DeSandro
lightgallery.js - Sachin N
作成者
作 成：田村 義希 中学2016年度卒業
デザイン：田村 義希
文 章：岡部 辰也 高校2017年度卒業