このページの本文へ移動

hayase.tv

TimeSliceArchiveを昨年からいろんなかたちで復活させていたのですが、サイト自体がいかんせん、、という状態だったので、勉強がてらフルリニューアルしてみました!

th_TimeSliceArchive.jpg基本はhayase.tvの本サイトと同じで、MTのレスポンシブなテーマのEigerをベースにし、jQueryを使ってギャラリー風デザインにしてみました。
カテゴリでフィルタリングできる機能も実装しています。

以下メモ

  • ナビゲーションはスティッキーにした
  • MTの記事で更新できるようにしているが、データはJSONで吐き出している(いずれDataAPI版でもやってみる)
  • たくさんある場合はLoad moreで続きを表示
  • カテゴリのフィルタリングも可能
  • 画像の表示はColorboxでモーダル化
  • ロールオーバー時のタイトルなどはマウスの進入方向からやってくる

ベースはできたので、まだアップしていない画像を随時あげていこうと思います♪

TimeSliceArchive