riina-k.net

音楽・小説・プログラミングを手がけるリイナの拠点。

タグ ‘ CSS3

同人サークルサイトを大規模リニューアル

私が主催する同人音楽サークル「rk. tv」の公式サイトを大幅にリニューアルしました。
フル Ajax+レスポンシブデザイン。HTML5 + CSS3 + jQuery で構築しており、AngularJS や Bootstrap などのフレームワークは一切利用していませんここ自慢できるポイント

リニューアルのきっかけは、音楽の試聴に SoundCloud を使い始めたため。
30曲近いトラックのすべてを iframe で読み込んでいたため、ページがめっちゃ重たい状態になっていました。
それを打破するため、「曲情報をクリックして初めて SoundCloud を読み込む」という体制に変更しようとしたらフルAjaxになってました(?)
もともとメニューの追従や背景画像のエフェクトなど簡単な JavaScript を使っていましたが、これを期に大幅に書き加え、さらに「せっかくならスマホ対応しようぜ」とやっていたら軽く1週間経ってました言い換えればこの程度のウェブサイトであれば1週間の納期でできるってこった

iOS 端末が手元に無いのと、持ってるタブレットが全滅してるため、レスポンシブの完全なデバッグができていない状態ですが、バグが見つかり次第潰していく予定です。

return top